js 中的作用域链

时间:2022-06-05 06:08:10

作用域链

每段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);
})();
})();


js 中的作用域链

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

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