作用域链

function test1(){
  var name = "one";
  return function (){
    console.log(name);
  }
}
test1()();

每一段js代码(全局代码或函数)都有一个与之关联的作用域链(scope chain)
这个作用域链是一个对象列表或者链表,这组对象定义了这段代码中“作用域中”的变量。

当js需要查找变量x的值的时候(这个过程称为变量解析(variable resolution)),它会从链的第一个对象开始查找,如果这个对象有一个名为x的属性,则会直接使用这个属性的值,如果第一个对象中没有名为x的属性,js会继续查找链上的下一个对象。如果第二个对象依然没有名为x的属性,则会继续查找下一个,以此类推。如果作用域链上没有任何一个对象含有属性x,那么就认为这段代码的作用域链上不存在x,并最终抛出一个引用错误(ReferenceError)异常。

  1. 作用域链举例:

在js最顶层代码中(也就是不包括任何函数定义内的代码),作用域链由一个全局对象组成。

在不包含嵌套的函数体内,作用域链上有两个对象,第一个是定义函数参数和局部变量的对象,第二个是全局对象。

在一个嵌套的函数体内,作用域上至少有三个对象。

  1. 作用域链创建规则:

当定义一个函数时(注意,是定义的时候就开始了),它实际上保存一个作用域链。

当调用这个函数时,它创建一个新的对象来储存它的参数或局部变量,并将这个对象添加保存至那个作用域链上,同时创建一个新的更长的表示函数调用作用域的“链”。

对于嵌套函数来说,情况又有所变化:每次调用外部函数的时候,内部函数又会重新定义一遍。因为每次调用外部函数的时候,作用域链都是不同的。内部函数在每次定义的时候都要微妙的差别—在每次调用外部函数时,内部函数的代码都是相同的,而且关联这段代码的作用域链也不相同。

函数进入全局,创建VO对象,绑定x属性<入栈>(这里只是预解析,为ao对象绑定声明的属性,函数执行时才会执行赋值语句,所以值是underfind)

global.VO = {
   x:underfind;
   foo:reference of function 
}

遇到foo函数,创建foo.VO,绑定y属性<入栈>

foo.AO = {
   y:undefined;
   fbar:reference of function 
}

接下来是bar函数,z属性<入栈>

bar.AO = {
   z:undefined;
}

作用域链和执行上下文都会保存在堆栈中,所以

bar函数的scope chain为[0]bar.AO–>[1]foo.AO–>[2]global.VO

foo函数的scope chain为[0]foo.AO–>[1]global.VO

在这里插入图片描述
这里有一个等式:scope=AO|VO + [[scope]]

函数scope等于自身的AO对象加上父级的scope,也可以理解为一个函数的作用域等于自身活动对象加上父级作用域。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值