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的屬性,就採用這個值,如果沒有,就查詢作用域鏈上的第二個對象,以此類推。

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

發佈了2 篇原創文章 · 獲贊 0 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章