var与Javascript变量隐式声明

在JavaScript中,var用来声明变量,可是这个语法并不严格要求,不少时修改,咱们能够直接使用一个变量而不用var声明它。
var x = "XX"; 
y ="xxx"; 
诸如此类。这有一个问题,好比说在代码中的某一行,我想使用的一个已声明的变量x,结果因为打字或者拼写错误,这个变量被写成y了,结果至关于“隐式”声明了一个变量y,在实际编程过程当中,这种错误有时比较难以发现。 
除此以外,今天经过同事介绍,了解到这种“隐式声明”中的别外一个问题。 
当你在当前上下文内进行这种“隐式”声明时,JavaScript引擎会先在当前上下文中寻找是否以前有声明此变量,若是没有,再到上一级的上下文中去寻找,若是一直未找到,会最后在window上声明这个变量! 
好比: 
复制代码 代码以下:编程

window. y = "hello"; 
function func(){ 
y = "OH, NO!!!"; 

func(); 
alert(window.y); //#=> display "OH, NO!!!"spa

当上下文中的任意一层有这种“隐式”定义的变量时,那么该层的该变量会被修改,而不会在window上生成一个新的变量。(这种bug也挺讨厌的,尤为是封装的比较复杂的代码) 
好比: 
复制代码 代码以下:orm

var x = "window.x"; 
function a() { 
var x = "a's x"; 
var b = function() { 
var c = function() { 
//no var! 
x = "c's x:"; 
}; 
alert("before c run,the b.x:" + x); 
c(); 
alert("after c run, the b.x:" + x); 
}; 
alert("a.x is:" + x); 
b(); 
alert("after b function runed, the a.x is:" + x); 
}; 
alert("before a run, window.x:" + x); 
a(); 
alert("after a run, window.x:" + x);ip

这里面有如下几层:window, func a, func b, func c一直做层级嵌套。window->a->b->c 
window和a中,都有定义变量x,b中未定义该变量,在c中‘隐式'声明了一个x,该x最终修改了a变量的值。 
牢记,在JavaScript中,声明变量,必定前面要加var .it

相关文章
相关标签/搜索