這幾天看犀牛書的一點心得和總結,做個筆記吧,主要是概念層面的,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的屬性,就採用這個值,如果沒有,就查詢作用域鏈上的第二個對象,以此類推。
作用域鏈的順序:
根據執行環境來定,假設當前執行環境在兩層嵌套的局部函數中,當前函數的調用對象處於作用域鏈第一位,外層函數調用對象在作用域鏈第二位,然後再外面的全局對象在第三位。