js中的做用域鏈

js中的執行環境：

所謂執行環境（有時也稱環境）它是JavaScript中最爲重要的一個概念。執行環境定義了變量或函數有權訪問的其餘數據 ，決定了它們各自的行爲。而每一個執行環境都有一個與之相關的變量對象，環境中定義的全部變量和函數都保存在這個對象中。

 

js中的做用域鏈：

每一個函數都有本身的執行環境，當代碼在執行環境中執行時，就會建立變量對象的做用域鏈。做用域鏈保證了對執行環境有權訪問全部變量和函數的有序訪問。做用域鏈的前端，始終都是當前執行的代碼所在的環境的變量對象，若是環境是一個函數，那麼它的變量對象就是該函數的活動對象。做用域鏈的下一個變量對象來自包含（外部）環境，再下一個變量對象來自下一個包含環境。這樣一直延續到全局執行環境，記住，全局執行環境的變量對象永遠是做用域中的最後一個對象。

例1：

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

 在這個例子中，函數foo()的做用域鏈包含了兩個對象，一個是它自身對象，另外一個是全局環境中的變量對象。由於咱們能夠在這個做用域鏈中找的scope，因此能夠在函數內部裏訪問到它。

例2：

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

在這個例子中，有三個執行環境：全局環境、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;ｉ< 10; i++){
doSomething(i);
}
alert(i);       //10

記住：在JavaScript中，由for語句建立的變量 i 即便在for循環執行結束以後，也依然會存在於循環外部的執行環境中喲。

轉自：http://www.cnblogs.com/pwei/p/js-scope.html