js 中的作用域链

作用域链

每段js代码都有一个与之关联的作用域链。这个作用域链是一个对象列表或者链表.

这组对象定义了这段代码“作用域”中的变量，当js需要查找变量x的时候，（变量解析），他会从链中的第一个对象开始找，如果第一个对象不存在名为X的属性，js会继续向上找链的下一个对象。如果第二个对象中依然没有名为X的属性。则会继续找下一个。
以此类推。如果作用域链上没有一个对象含有属性X，那么就认为这段代码的作用域链上没有X 抛出错误异常。

js最顶层，作用域链由一个全局对象组成。在不包含嵌套的函数体内，作用域链上有两个对象，第一个定义了函数参数和局部变量的对象。第二个就是全局对象。在一个嵌套的函数体内，作用域链上至少有三个对象。

理解作用域链的创建规则是非常重要的。当定义一个函数时，它实际上保存了一个作用域链。

当调用这个函数时，他创建一个新的对象（活动对象）来储存它的局部变量，并将这个对象添加保存的那个作用域链上，同时创建一个新的更长的表示函数调用作用域的“链”

对嵌套函数来说更有趣，每次调用外部函数的时候，作用域连都是不同的。内部函数在每次定义时候都有微妙的差别–每次调用外部函数的时候，内部函数代码相同，关联这段代码的作用域链不同。

作用域链（”链式作用域”）

   var topone = "top-level";    
   (function outter(){  
       var middle = "mid-level";  
       (function inner(){  
          var bottom = "bot-level";            
          print(topone+">"+middle+">"+bottom);  
      })();  
   })();  

根据上图我们可以看出，内部函数的作用域链，由两部分：内部函数自身的活动对象，内部函数的一个属性”[[scope]]”,而”[[scope]]”的值为其外部函数outter的活动对象，其更外部的全局global对象的变量对象。这样，如果在inner中要使用外部的自由变量，显然可以很方便的沿着作用域链上溯。

事实上，函数的属性”[[scope]]”会在函数对象创建的时候被创建，而不论函数的嵌套层次有多深，它的”[[scope]]”总会引用所有的位于其外层的上下文中的变量对象(在函数中，为活动对象)。