听人问起这个问题,自己一时答不上来,便查找资料总结了一下。
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声明变量的一个区别。