JavaScript作用域

运行期上下文：当函数执行前一刻，会创建一个AO对象。一个AO定义了一个函数执行时的环境，函数每次执行时对应的AO对象都是独一无二的，所以多次调用一个函数会导致创建多个AO对象，当函数执行完毕，它产生的AO会被销毁。

function test(){}
test();
test();//虽然两次调用产生的AO内容一模一样，但是还是属于两个独一无二的AO

[[scope]]:每个JavaScript函数都是一个对象，对象中有些属性我们可以访问，有些不可以，它只供JavaScript引擎存取，[[scope]]就是其中一个，它存储了运行期上下文集合，这个集合呈链式连接，我们叫它作用域链。

查找变量：从作用域链顶端依次向下查找。

例：

​
function a(){

}
var glob = 100;
a();

​

首先a函数在全局定义，生成一个GO，它存在作用域链的顶端 [[scope]][0](这里可以把作用域想象成一个类似栈的结构)。

然后a();执行前一刻,对函数进行预编译生成一个AO，这个AO会被压入作用域链的顶端，而GO则被AO压下去。

至此，[[scope]][0] -->AO        [[scope]][1]-->GO

所以，当函数内部执行时，它总是先去栈顶找，即自己的AO里寻找变量，AO中没有，才会去GO中寻找。

这就是所说的查找变量是从作用域链顶端依次向下查找。

别急，这只是一个开始。

 

让我们来看一个更复杂的例子：

​
function a () {
      function b () {

                var b =234;

                  }
                var a = 123;
                b();
}
                var glob =100;
                a();

​

1.首先，a函数在全局定义，a会生成一个GO存在作用域链顶端，即[[scope]][0]==aGO，

2.然后，由于a(); a在执行前一刻，a函数进行预编译，产生了一个AO，把它压入作用域链顶端，即[[scope]][0]==aAO，[[scope]][1]==aGO，

3.a函数开始执行，是不是产生了一个b函数的定义呢？b在a里面，a执行才会产生b定义哦。

4.b既然是一个函数，那么它就得有自己的作用域，b的环境是a给的，b是站在a的肩膀上看世界的，那么b便直接引用a的AO，GO（特别注意：此处b引用过来的AO,GO和a作用域链里的AO,GO是完全相同的，就是一个东西，是引用，不是拷贝，拷贝就是两个独一无二的东西长得一模一样）

5.然后紧接着b执行，b执行前，产生一个自己的独一无二的AO，压入栈顶，至此，

b的作用域链中：[[scope]][0]==bAO，

                          [[scope]][1]==aAO，

                          [[scope]][2]==aGO，

6.最后b执行完毕，同时a也执行完毕（因为b();是a函数的最后一句），a，b的AO被销毁，等待下一次调用时，重新生成另一个独一无二的AO。