JS範圍鏈

這幾天看犀牛書的一點心得和總結，做個筆記吧，主要是概念層面的，JS高手大可忽略。

變數的範圍
變數的範圍其實很簡單：在函數內定義的局部變數只在本函數內有效，在所有函數體外定義的變數在JS代碼的全域有限，叫全域變數。有一個特殊情況，如果有全域變數和局部變數重名了，局部變數優先順序高於全域變數，為什麼會這樣？後面再加以解釋。

變數與對象屬性
在學習Javascript的時候，會發現變數的使用與對象屬性非常類似，比如賦值，已經在運算式中的使用方式，你甚至就可以把JS裡面的每一個變數都理解為對象的屬性。

var a = 10;
var sampleObj = {value1:10; value2:20}
sum = a + sampleObj.value1 //計算結果是20因為在Javascript解譯器啟動並執行時候，它總是會首先建立一個全域對象，你定義的全域變數其實就是這個全域對象的屬性。

在函數中定義的局部變數同樣是對象的屬性，這個對象比較特殊，它叫調用對象。在Javascript解譯器每次執行一個函數的時候，都會為這個函數建立一個執行環境，而這個執行環境會建立一個調用對象。不同的函數的執行環境是彼此獨立的，而在所有函數之外的代碼執行環境叫做全域執行環境。

現在再回頭總結一下，JS解譯器解釋代碼前建立了一個全域對象，在代碼執行到函數之前，代碼在全域執行環境中；當解譯器執行函數時，進入函數獨立的執行環境，並建立調用對象，在函數中定義變數相當於定義了這個調用對象的一個屬性。現在能理解了吧？

變數的範圍鏈
本文開頭關於局部變數和全域變數優先順序的問題，很快就能解釋了，不過首先要知道範圍鏈的概念。“每個Javascript執行環境都有一個與它關聯在一起的範圍鏈。”這是犀牛書上的表述，把它翻譯成大白話就是：範圍的優先順序順序。

範圍鏈作用：
當Javascritp需要查詢變數x的值時，它首先開始查詢範圍鏈的第一個對象，如果該對象有名為x的屬性，就採用這個值，如果沒有，就查詢範圍鏈上的第二個對象，以此類推。

範圍鏈的順序：
根據執行環境來定，假設當前執行環境在兩層嵌套的局部函數中，當前函數的調用對象處於範圍鏈第一位，外層函數調用對象在範圍鏈第二位，然後再外面的全域對象在第三位。

因此，在函數內部定義的局部變數肯定有比同名全域變數更高的優先順序。