最近在面試時被問到了對作用域鏈的理解，感覺當(dāng)時回答的不是很好，今天就來說說js中的作用域鏈吧。

首先來說說js中的執(zhí)行環(huán)境，所謂執(zhí)行環(huán)境（有時也稱環(huán)境）它是JavaScript中最為重要的一個概念。執(zhí)行環(huán)境定義了變量或函數(shù)有權(quán)訪問的其他數(shù)據(jù) ，決定了它們各自的行為。而每個執(zhí)行環(huán)境都有一個與之相關(guān)的變量對象，環(huán)境中定義的所有變量和函數(shù)都保存在這個對象中。

理解了執(zhí)行環(huán)境，現(xiàn)在就看看什么是作用域鏈吧。每個函數(shù)都有自己的執(zhí)行環(huán)境，當(dāng)代碼在執(zhí)行環(huán)境中執(zhí)行時，就會創(chuàng)建變量對象的作用域鏈。作用域鏈保證了對執(zhí)行環(huán)境有權(quán)訪問所有變量和函數(shù)的有序訪問。作用域鏈的前端，始終都是當(dāng)前執(zhí)行的代碼所在的環(huán)境的變量對象，如果環(huán)境是一個函數(shù)，那么它的變量對象就是該函數(shù)的活動對象。作用域鏈的下一個變量對象來自包含（外部）環(huán)境，再下一個變量對象來自下一個包含環(huán)境。這樣一直延續(xù)到全局執(zhí)行環(huán)境，記住，全局執(zhí)行環(huán)境的變量對象永遠(yuǎn)是作用域中的最后一個對象。

請看下面的例子：

var scope="global";
function foo(){
  console.log(scope);
}  
foo();

在這個例子中，函數(shù)foo()的作用域鏈包含了兩個對象，一個是它自身對象，另一個是全局環(huán)境中的變量對象。因為我們可以在這個作用域鏈中找的scope，所以可以在函數(shù)內(nèi)部里訪問到它。

在看一個例子：

var color = "blue";
function changeColor(){
  var anoterColor = "red";
  function swapColor(){
    var tempColor = anoterColor;
    anoterColor = color;
    color = tempColor;
    console.log(color);
  }
  swapColor();
}
changeColor();

在這個例子中，有三個執(zhí)行環(huán)境：全局環(huán)境、changeColor()的局部環(huán)境和swapColor()局部環(huán)境。我們來看看這個例子的作用域鏈?zhǔn)窃鯓拥陌伞?/p>

圖中的矩形表示特定的執(zhí)行環(huán)境。我們可以看到變量tempColor只能在swapColor()環(huán)境中訪問到，而在changeColor()的局部環(huán)境還是全局環(huán)境中都無法訪問到它。因此我們可以得到一個結(jié)論：內(nèi)部的環(huán)境可以通過作用域鏈訪問所有的外部環(huán)境，但外部的環(huán)境無法訪問內(nèi)部的環(huán)境中的任何變量和函數(shù)。每個環(huán)境都可以向上搜索作用域鏈，以查詢變量和函數(shù)名；但是任何環(huán)境都不能通過向下搜索作用域而進(jìn)入另一個執(zhí)行環(huán)境。

作用域中我還想說說的是：js沒有塊級作用域

為什么說js沒有塊級作用域呢？我們來看下面的代碼：

if(true){
 var color = "blue"; 
}
alert(color);  //"blue"
 

咦，為什么color在if語句執(zhí)行完畢后被銷毀呢？哈哈，如果在C、C++或Java中,color確實會被銷毀，但在JavaScript中，if語句中的變量聲明會將變量添加到當(dāng)前的執(zhí)行環(huán)境中（在這里是全局環(huán)境）中。特別地，在for語句時要牢記這一差異，例如：

for(var i = 0;ｉ< 10; i++){
doSomething(i);
}
alert(i);    //10

記?。?/strong>在JavaScript中，由for語句創(chuàng)建的變量i即使在for循環(huán)執(zhí)行結(jié)束之后，也依然會存在于循環(huán)外部的執(zhí)行環(huán)境中。