Javascriptvar變量隱式聲明方法詳解

諸如此類。這有一個問題，比如說在代碼中的某一行，我想使用的一個已聲明的變量x，結(jié)果由于打字或者拼寫錯誤，這個變量被寫成y了，結(jié)果相當(dāng)于“隱式”聲明了一個變量y，在實際編程過程中，這種錯誤有時比較難以發(fā)現(xiàn)。
除此之外，今天通過同事介紹，了解到這種“隱式聲明”中的別外一個問題。
當(dāng)你在當(dāng)前上下文內(nèi)進行這種“隱式”聲明時，JavaScript引擎會先在當(dāng)前上下文中尋找是否之前有聲明此變量，如果沒有，再到上一級的上下文中去尋找，如果一直未找到，會最后在window上聲明這個變量！
比如:

代碼如下:

window. y = "hello"; 
function func(){ 
y = "OH, NO!!!"; 
} 
func(); 
alert(window.y); //#=> display "OH, NO!!!"

當(dāng)上下文中的任意一層有這種“隱式”定義的變量時，那么該層的該變量會被修改，而不會在window上生成一個新的變量。（這種bug也挺討厭的，尤其是封裝的比較復(fù)雜的代碼）
比如：

代碼如下:

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);

這里面有以下幾層：window， func a, func b, func c一直作層級嵌套。window->a->b->c
window和a中，都有定義變量x，b中未定義該變量，在c中‘隱式'聲明了一個x，該x最終修改了a變量的值。
牢記，在JavaScript中，聲明變量，一定前面要加var .

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com