作用域和作用域链

每个函数都会有自己的执行环境,当执行流进入一个函数时,函数的执行环境就会被推入一个环境栈中。同样,函数在执行完毕之后,栈会将函数环境退出,把控制权交给下一个执行环境。
在这里插入图片描述
当函数在一个执行环境中执行时,会创建变量对象的一个作用域链。
作用域链的用途:保证对执行环境有权访问的所有变量和函数的有序访问。

作用域链的前端,始终是当前执行函数所在环境的变量对象,如果所在环境为函数(即当前函数外层环境也是函数),则将其(外层函数)的活动对象作为(内存函数的)变量对象。
作用域中的下一个变量对象来自外部环境,而再下一个变量对象则来自下一个包含环境。这样一直向外延续到全局执行环境;全局执行环境的变量对象始终是作用域链中的最后一个对象。

注意:
1.作用域链是针对于函数的变量对象而言的(也可以说是为函数的变量对象创建的);
2.作用域链本质上是一个指向变量对象的指针列表,他只引用但不包含变量对象;

拓展:延长作用域链
有些语句(例如with、try-catch中的catch)可以在作用域链的前端增加一个变量对象,该变量对象在代码执行后会被消除。也就是说,当执行流到达该语句时,作用域链就会得到加长。

我们先来了解一下with语句。

with 扩展一个语句的作用域链。
with(expression) { statement }
1.expression,该表达式会添加到执行环境的作用域链当中
2.with语句将某个对象添加到作用域链的顶部,如果在statement中有某个未使用命名空间的变量,跟作用域链中的某个属性同名,则这个变量将指向这个属性值。如果沒有同名的属性,则将拋出ReferenceError异常。

例如:

function bindUrl () {
  var qs = '?debug=true';
  with(location) {
    var url = location.href + qs;
  }
  return url;
}
// 在这里,location其实是全局对象,但是使用了with语句,location对象会被放在作用域链的最前端。

但是,实际上,我们并不推荐使用with语句,因为他容易引起混淆错误和兼容性问题,在ECMAScript5中也已经明确禁用该语句。推荐使用一个临时变量来承载你所需要的属性。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值