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在做用域内是第一个被查找到的，所以再也不查找其他的
    }
}

做用域链 是根据函数定义时的位置决定的，而不是在调用时肯定的。

正由于 做用域链是在函数调用以前建立，因此才能够建立闭包。