函数的作用域链

一、什么是作用域链

说起作用域链，首先得了解什么是作用域，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。
作用域分为全局作用域和局部作用域
全局作用域：任何地方都能访问到的对象拥有全局作用域。
局部作用域：局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所以在一些地方会把这种作用域成为函数作用域。

如上图中，a、b、c都是全局变量，在页面的任何地方都能访问到，而sum是局部变量，只能在当前函数中能够访问到。

讲完作用域，那我们重点来说是说说作用域链，即当声明一个函数时，局部作用域一级一级向上包起来，就是作用域链。
下面来看看作用域链的理解

var a = 10;
function fun(){
    console.log(a);
    var a = 1;
    var b = 20;
    b++;
    function fun1(){
        console.log(b);
        b += 6;
        function fun2(){
            console.log(b);
            console.log(a);
        }
    }
    console.log(a);
}

1、首先，开始执行前，创建执行环境（数组）：ECS
向执行环境栈中压入第一个默认的函数main()，创建全局作用域对象Window，全局做预编译GO，函数的隐藏属性scope记录执行期上下包括自己的所属作用域的对象。如上图
2、执行开始，在执行环境中压入新的函数，创建一个活动的AO，保存函数中的局部变量，当自己的AO中没有该变量，可以通AO中的parent(scope)中去寻找。
3、执行结束，执行环境中的的本次函数出栈，同时创建的活动对象AO消失。如下图：