JS之作用域精解

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

即：函数执行时才会产生自己的AO，执行结束后立即销毁自己的AO。

二。查找变量：从函数作用域的顶端依次向下查找。

三。[[ scope ]] ：每个JS函数都是一个对象，对象中有一些属性我们可以访问，但有些不可以，这些属性仅供JS引擎存取，

[[ scope ]] 就是其中一个。

[[ scope ]] 指的是我们所说的作用域，其中存储了运行期上下文的集合。

四。作用域链：[[ scope ]] 中所存储的执行期上下文对象的集合，这个集合呈现链式连接，我们把这种链式连接叫做作用域链

（我们真正看的东西，需要的东西，将在这里面查找）

下面的代码模拟作用域链的产生：

function a(){
    function b(){
          var b = 234;
    }  
    var a = 123;
    b();
}
var glob = 100;
a();



过程：               作用域链（由上至下）
1. a函数被定义：   GO{  global:100 }
2. a函数被执行： AO a{   a:123        b:f (){}          } 这是a的AO。在b执行结束后销毁。  
                GO  {   a:f (){}     global:100        }
3. b函数被定义： AO a{   a:123        b:f (){}          }    
                GO  {   a:f (){}     global:100        }
4. b函数被执行： AO b{   a:123        b:f (){}          } 这是b的AO。在b执行结束后销毁。
                AO a{   a:123        b:f (){}          }    
                GO  {   a:f (){}     global:100        }

函数被定义的时候产生的作用域链直接是他外部封装他的函数的AO.GO，在执行时，作用域链的最顶层添加自己的AO，其余的AO，AO按照原来的顺序依次下移一位。

这就好像站在巨人的肩膀上看世界，刚出生时他能看到的东西，其实就是巨人看到的东西。

猜你喜欢