JavaScript基礎概念之----做用域鏈

也稱：詞法做用域

JavaScript查找變量關聯的值時，會遵循一個查找鏈，這個鏈是基於做用域的層次結構的。

var a = 'hello';

var func1 = function(){
    var func2 = function(){
        console.log(a);
    }
}

//hello

如上圖，查找過程以下：

一、在func2函數中查找變量a，若是找到了，直接輸出值，若是沒有找到，轉到第2步

二、在func2的父函數 func1函數中繼續查找，若是找到了，直接輸出值，若是沒有找到，轉到第3步

三、繼續在全局做用域中查找，若是找到了，直接輸出值，若是沒有找到，輸出undefined

 

做用域鏈查找 返回第一輪值。當在做用域鏈內最近位置查到變量時，查找即結束，無論做用域鏈頂部是否還有相同的變量名稱

var a = 1;

var func1 = function(){
    var a = 2;
    var func2 = function(){
        var a = 3;
        console.log(a);//輸出 3。局部變量a在做用域內是第一個被查找到的，所以再也不查找其他的
    }
}

做用域鏈 是根據函數定義時的位置決定的，而不是在調用時肯定的。

正由於 做用域鏈是在函數調用以前建立，因此才能夠建立閉包。