首頁  >  文章  >  web前端  >  Javascript var變數隱含宣告方法詳解

Javascript var變數隱含宣告方法詳解

怪我咯
怪我咯原創
2017-07-06 11:32:501873瀏覽

JavaScript中,var用來宣告變量,但是這個語法並不嚴格要求,很多時修改,我們可以直接使用一個變數而不用var聲明它。

諸如此類。這有一個問題,比如說在程式碼中的某一行,我想使用的一個已聲明的變數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 .

以上是Javascript var變數隱含宣告方法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn