js 作用域、变量对象、作用域链

作用域

(1) 作用域是指程序源代码中定义的范围

(2) 作用域规定了如何设置变量，也就是确定当前执行代码对变量的访问权限

(3) javascript采用词法作用域，也就是静态作用域。所谓的词法作用域就是在函数定义的时候就已经确定了。

// 所谓的词法作用域就是在函数定义的时候就已经确定了。
var value = 1;
function get(){
    console.log(value); // 1
    //由于这里的value在定义的时候就已经确定了它的值，现在自己函数里面找，没有，就在外层找，外层有个            
    value=1所以打印。
};

function getFn(){
      var value=2; // 存于 AO 中  程序执行的时候会定义，但是只有当函数激活的时候有效，如果函数调用完后会失效
      get();
};

getFn();

变量对象 

（1）变量对象是当前代码段中，所有变量(变量 函数 形参 arguments)组成的一个对象

（2）变量对象是执行上下文中被激活的，只有变量对象被激活了，在这段代码中才能使用所有的变量

（3）变量对象分为 全局变量对象 和 局部变量对象

        全局简称为 variabel object 即 VO

        函数由于执行才被激活 成为 active object 即 AO

/*

            上述变量对象解析

            VO: value(等于1的那个value)，fn get()， fn getFn()

            AO: value (等于2的那个value)

        */

作用域链

（1）在js中，函数存在一个隐式属性[[scopes]]，这个属性用来保存当前函数的执行上下文环境，由于在数据结构上是链式的，因此也被称为作用域链，我们可以把它理解为一个数组，其第一个对象即 [[scopes]][0]:Global{window:window,document:...} 是变量对象VO，如果是Local则是激活函数的AO。

（2）可以理解为是一系列的AO对象所组成的一个链式结构

作用域链 是 变量对象的集合 ，就是变量对象组成的链式结构

作用域链的作用：

作用域链的作用是保证执行环境里有权访问的变量和函数是有序的，作用域链的变量只能向上访问，变量访问到window对象即被终止，作用域链线下访问变量是不允许的。

作用域链举例说明

 // 作用域链
function a(){
    console.log("aaaaa");
    console.dir(a)
    b()
    function b(){
        console.log("bbbbbb")
        console.dir(b)
        c()
        function c(){
            console.log("cccccc");
            console.dir(c)
        }
    }
}
a()

我们先看 a() 函数的作用域链[[Scopes]]，它只有一个Global变量对象。

 再看 b() 函数的作用域链[[Scopes]]，它有两个变量对象，也就是说有两个作用域，第一个是自身的，第一个是全局的global。

 最后看 c()函数的作用域链 [[Scopes]] ，它有三个变量对象，第一个是 {c:f}，第二个是 {b:f} ，最后一个是global。

 由此可以看出，作用域链其实就是个数组，数组里面有若干个变量对象，第一个变量对象肯定是当前函数的变量对象，第二个对象是其上一级，最后一个肯定是global。由于它是个数组，也就是说在遍历它的时候肯定是用 0 开始，即 let array=["小明","小红","小绿"]; 在遍历这个数组的时候肯定是用 array[0] 到 array[2] ，在数组上面是先后顺序，但是在代码上面的提现就是由下到上的层级关系，因为 c() 函数在 b() a() global()之下，在作用连数组里面是 [0],所以会优先找 [0] ,然后到 [1] 再到 [3]，如此类推，而形成一个由下到上的链式关系，这也解释了为什么不可以从上到下，也就是从函数外部访问函数内部的数据，因为函数的外部的数据在作用域链数组中 是前面的 即array[0]，遍历完才遍历 array[1] 。