最近在面試時被問到了對作用域鏈的理解,感覺當時回答的不是很好,今天就來說說js中的作用域鏈吧。
首先來說說js中的執行環境,所謂執行環境(有時也稱環境)它是JavaScript中最為重要的一個概念。執行環境定義了變量或函數有權訪問的其他數據 ,決定了它們各自的行為。而每個執行環境都有一個與之相關的變量對象,環境中定義的所有變量和函數都保存在這個對象中。
理解了執行環境,現在就看看什麼是作用域鏈吧。每個函數都有自己的執行環境,當代碼在執行環境中執行時,就會創建變量對象的作用域鏈。作用域鏈保證了對執行環境有權訪問所有變量和函數的有序訪問。作用域鏈的前端,始終都是當前執行的代碼所在的環境的變量對象,如果環境是一個函數,那麼它的變量對象就是該函數的活動對象。作用域鏈的下一個變量對象來自包含(外部)環境,再下一個變量對象來自下一個包含環境。這樣一直延續到全局執行環境,記住,全局執行環境的變量對象永遠是作用域中的最後一個對象。
請看下面的例子:
var scope="global"; function foo(){ console.log(scope); } foo();
在這個例子中,函數foo()的作用域鏈包含了兩個對象,一個是它自身對象,另一個是全局環境中的變量對象。因為我們可以在這個作用域鏈中找的scope,所以可以在函數內部裡訪問到它。
在看一個例子:
var color = "blue"; function changeColor(){ var anoterColor = "red"; function swapColor(){ var tempColor = anoterColor; anoterColor = color; color = tempColor; console.log(color); } swapColor(); } changeColor();
在這個例子中,有三個執行環境:全局環境、changeColor()的局部環境和swapColor()局部環境。我們來看看這個例子的作用域鏈是怎樣的吧。
圖中的矩形表示特定的執行環境。我們可以看到變量tempColor只能在swapColor()環境中訪問到,而在changeColor()的局部環境還是全局環境中都無法訪問到它。因此我們可以得到一個結論:內部的環境可以通過作用域鏈訪問所有的外部環境,但外部的環境無法訪問內部的環境中的任何變量和函數。每個環境都可以向上搜索作用域鏈,以查詢變量和函數名;但是任何環境都不能通過向下搜索作用域而進入另一個執行環境。
作用域中我還想說說的是:js沒有塊級作用域
為什麼說js沒有塊級作用域呢?我們來看下面的代碼:
if(true){ var color = "blue"; } alert(color); //"blue"
咦,為什麼color在if語句執行完畢後被銷毀呢?哈哈,如果在C、C++或Java中,color確實會被銷毀,但在JavaScript中,if語句中的變量聲明會將變量添加到當前的執行環境中(在這裡是全局環境)中。特別地,在for語句時要牢記這一差異,例如:
for(var i = 0;i< 10; i++){ doSomething(i); } alert(i); //10
記住:在JavaScript中,由for語句創建的變量i即使在for循環執行結束之後,也依然會存在於循環外部的執行環境中。
以上就是本文的全部內容,希望對大家的學習有所幫助。