在學習JavaScript的變數作用域之前,我們應當明確幾點:
•JavaScript的變數作用域是基於其特有的作用域鏈的。
•JavaScript沒有區塊級作用域。
•函數中宣告的變數在整個函數中都有定義。
1、JavaScript的作用域鏈
首先看下下面這段代碼:
觀察alert(rain);這句程式碼。 JavaScript首先在inner函數中尋找是否定義了變數rain,如果定義了則使用inner函數中的rain變數;如果inner函數中沒有定義rain變量,JavaScript則會繼續在rainman函數中尋找是否定義了rain變量,在這段程式碼中rainman函數體內沒有定義rain變量,則JavaScript引擎會繼續向上(全域物件)查找是否定義了rain;在全域物件中我們定義了rain = 1,因此最終結果會彈出'1'。
作用域鏈:JavaScript需要查詢一個變數x時,首先會尋找作用域鏈的第一個對象,如果以第一個對象沒有定義x變量,JavaScript會繼續找有沒有定義x變量,如果第二個物件沒有定義則會繼續查找,以此類推。
上面的程式碼涉及了三個作用域鏈對象,依序是:inner、rainman、window。
2、函數體內部,局部變數的優先權比同名的全域變數高。
3、JavaScript沒有區塊級作用域。
這一點也是JavaScript相比其它語言較靈活的部分。
仔細觀察下面的程式碼,你會發現變數i、j、k作用域是相同的,他們在整個rain函數體內都是全域的。
4、函數中宣告的變數在整個函數中都有定義。
先觀察這段程式碼:
上面得程式碼說明了,變數x在整個rain函數體內都可以使用,並且可以重新賦值。由於這條規則,會產生「匪夷所思」的結果,觀察下面的程式碼。
是由於在函數rain內局部變數x在整個函數體內都有定義( var x= 'rain-man',進行了宣告),所以在整個rain函數體內隱藏了同名的全域變數x。這裡之所以會彈出'undefined'是因為,當第一個執行alert(x)時,局部變數x仍未被初始化。
所以上面的rain函數等同於下面的函數:
function rain(){ var x; alert( x ); x = 'rain-man'; alert( x );}
5、未使用var關鍵字定義的變數都是全域變數。
這也是JavaScript新手常見的錯誤,無意間留下的許多全域變數。
6、全域變數都是window物件的屬性
複製程式碼