JS作用域详解

  概念

   1.[[scope]]: 每个JavaScript函数都是一个对象，对象中有些属性我们可以访问，有些

      不可以。这些属性仅供JavaScript引擎存储，[[scope]]就是其中一个属性。[[scope]]

      指的就是作用域，其中存储了运行期上下文的集合。

   2.作用域链：[[scope]]存储的是运行期上下文的集合，这个集合呈链式链接，这种脸是

      链接叫做作用域链。

   3.运行期上下文：当函数执行的前一刻，会创造一个成为执行期上下文的内部对象。一

      个运行期上下文定义了一个函数的执行环境，函数每次执行时对应的执行期上下文都是

     独一无二的，多次调用创建多个执行期上下文，函数执行完毕，执行期上下文被销毁。

   4.查找变量：在那个函数中查找变量，就从哪个函数的作用域链顶端依次向下查找。

示例代码

function a () {
    function b () {
        var bb = 234;
        aa = 0;
    }
    var aa = 123;
    b();
    console.log(aa)
}
var glob  = 100;
a();

 

 

 

 b函数相当于继承了拿了a函数的AO放在了第1位，b函数自己的AO放在了第0位，2号位是GO

当b函数执行完后，销毁的是自己的AO, 没有销毁a函数的AO,所以还是可以访问变量aa, 经过b函数执行 现在aa=0 ,所以答案是0。

代码实例2

function a(){
    function b(){
        function c() {
        
        }
        c();
    }
    b();
}
a();

//生成作用域链的过程如下
a被定义 a.[[scope]] -> 0:GO{},
a被执行 a.[[scope]] => 0:aAO{},
                      1:GO{}
b被定义 b.[[scope]] => 0:aAO{},
                      1:GO{},
b被执行 b.[[scope]] => 0:bAO{},
                      1:aAO{},
                      2:GO{}
c被定义 c.[[scope]] => 0:bAO{},
                      1:aAO{},
                      2:GO{}
c被执行 c.[[scope]] => 0:cAO{},
                      1:bAO{},
                      2:aAO{},
                      3:GO{}