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!!!"

 

當上下文中的任意一層有這種“隱式”定義的變數時，那麼該層的該變數會被修改，而不會在window上產生一個新的變數。（這種bug也挺討厭的，尤其是封裝的比較複雜的代碼）
比如：

 

 

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