前端口试你所不知道系列

写在最先

又到了一年的伊始,很多人能够因为种种缘由想换一份事情,而找事情不免碰到林林总总头痛的口试题,因而我盘算写一个系列,关于口试中最罕见也许前端一些基本但又不是很深入相识的学问,供人人参考。

先来道开胃菜

var照样不var?

运用var定义

var a = 'hello World'
function bb(){
 var a = 'hello Tom';
    console.log(a);   
}
bb()   
console.log(a);    

不运用var定义

var e = 'hello world';
function cc(){
    e = 'hello Tom';
    console.log(e);
}
cc()   
console.log(e)    

猜猜会实行什么?

实在很简单,运用var前后打印// 'hello Tom' // 'hello world',

不运用var前后打印// 'hello Tom' // 'hello Tom'

人人都晓得Javascript声明变量是经由过程关键字var。运用var关键字是在当前域中声明变量,假如在要领中声明,则为部分变量(local varibble);假如在全局域中声明,则为全局变量。

但在非严厉形式下,不经由过程var直接声明变量,则是全局变量,彷佛也不会报错,比方a = 1 console.log(a) // 1,但如许真的没问题吗?那末实行a = 1; 发生了什么呢?

它会尝试在当前作用域链(假如是在要领中,则当前作用域链代表全局和要领部分作用域)中剖析a;假如在任何当前作用域找到a;则会对a属性赋值;假如没有找到a,它会在全局对象(当前作用域最顶层,如window对象)中制造a属性并赋值。

请注意!!!是建立一个全局对象的属性,而不是声清楚明了一个全局变量。

也许你能够不是很邃晓‘声明变量’和‘建立对象属性’有什么区别。但事实上,Javascript 的变量声明、建立属性都有肯定的标志去声明他们的属性如:只读(ReadOnly)不可枚举(DontEnum)不可删除(DontDelete)等等。

因为‘变量声明’自带不可删除属性,比较var a = 1 跟 a = 1,前者是变量声明,带不可删除属性,因而没法被删除;后者为全局变量的一个属性,因而能够从全局变量中删除。

    var a = 1
    b = 2
    console.log(delete a) // false
    console.log(delete b) // true

变量提拔

运用var定义:

function hh(){
    console.log(a);
    var a = 'hello world';
}
hh()    //undefined

不运用var定义:

function hh(){
    console.log(a);
    a = 'hello world';
}
hh()    // 'a is not defined'

另有一点很轻易被疏忽,在ES5的’use strict’形式下,假如变量没有运用var定义,就会报错。
这也是一个差异。

总结

1.在函数作用域内 加var定义的变量是部分变量,不加var定义的就成了全局变量。

2.在全局作用域下,运用var定义的变量不能够delete,没有var 定义的变量能够delete。

3.运用var 定义变量还会提拔变量声明。

4.在ES5的’use strict’形式下,假如变量没有运用var定义,就会报错。

写在末了

因为个人能力有限,假如文中涌现任何毛病,迎接列位大神提出批评和发起,这是鄙人初次宣布技术性文章,愿望人人多多支撑。

下期预报:前端口试你所不晓得系列–伪类和伪元素

    原文作者:子不语
    原文地址: https://segmentfault.com/a/1190000013140845
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞