javascript中使用var和不使用var定义变量的区别

    听人问起这个问题,自己一时答不上来,便查找资料总结了一下。

    JavaScript中使用var和不使用var定义变量主要有两个区别:

    1.

var a = 1;
function aaa(){
   b = 2;
};
console.log(a);//1
//console.log(b);//b if not defined
aaa();
console.log(b);//2

代码分析:

    1)a为全局变量,值为1;

    2)在aaa函数执行前,全局变量并没有b这个变量,此时输出变量b就是未定义;

    3)在aaa函数执行后,b = 2执行后,在全局中创建了一个变量b并为其赋值为2;

    4)此时再输出b自然就为2了;

    此代码中很重要的一点是:b = 2在aaa函数里面,只有在执行一次aaa函数时,才会创建全局变量b并赋值,否则全局变量里就没有b;除此之外这样定义全局变量的做法并不推荐,在变量声明提升时,并不会出现全局变量b,只有在执行b外部函数时才会出现。给未经声明的变量赋值在严格模式下回导致抛出ReferenceError错误。

2.

var a = 1;
b = 2;
window.c = 3;
this.d = 4;
delete a;//false
delete b;//true
delete c;//true
delete d;//true

代码分析:

    声明全局变量,都为window添加了一个属性,然而上述代码中的四种形式,只有var声明的全局变量才不能被delete删除。这也是var声明变量与不用var声明变量的一个区别。

猜你喜欢

转载自blog.csdn.net/ahrl__/article/details/79389818