Javascript的作用域并不像想象中的简单,一开始的时候我都懒得去认真了解关于这方面的介绍,除了注意全局变量和局部变量定义时都要加上 var ,其他的总想着跟强类型语言差不多,而且在实践中也没有发现什么问题,现在抽空对这方面做一些总结,希望以后减少在这方便所犯的错误。
- 全局变量和局部变量,无论在哪都要用 var 声明所需要的变量,否则变量的作用域就会扩散至全局。
错误的方式:
1 function test(){ 2 a = 2;//作用域是全局 3 } 4 console.log(a);//2
正确的方式:
function test(){ var a = 2;//作用域是函数内 } console.log(a);//undefined
- 小心局部变量,方法内部要尽量在开头定义你需要的变量。
错误的方式:
var a = 1; function test(){ console.log(a); //undefined,函数内部,a 在下一句被重新定义,它覆盖了函数外的a,此时它在函数内部全局可见,但是在运行到当前语句时a还未赋值,所以它的值是undefined。 var a = 0; }
正确的方式:
var a = 1; function test(){ var a = 0; console.log(a); //0,已经定义且赋值。 }
- 语句块中的变量,与java或者C不同,在JS中,语句块内定义的变量属于语句块所在的上下文!
function test(){ //这里的i是test函数的局部变量 for(var i = 0; i<10; i++){ if(true){ var j = i;// j 也是test函数的局部变量! } } console.log(i);// 10 console.log(j);// 9 }