深入解析JavaScript中的變數作用域_javascript技巧

在學習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物件的屬性

複製程式碼 程式碼：

複製程式碼

程式碼：

等同於下面的程式碼

複製程式碼

程式碼如下: