在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