作用域和作用域链

简介: 作用域和作用域链

每个函数都会有自己的执行环境,当执行流进入一个函数时,函数的执行环境就会被推入一个环境栈中。同样,函数在执行完毕之后,栈会将函数环境退出,把控制权交给下一个执行环境。image.png

当函数在一个执行环境中执行时,会创建变量对象的一个作用域链。

作用域链的用途:保证对执行环境有权访问的所有变量和函数的有序访问。

image.png

作用域链的前端,始终是当前执行函数所在环境的变量对象,如果所在环境为函数(即当前函数外层环境也是函数),则将其(外层函数)的活动对象作为(内存函数的)变量对象。

作用域中的下一个变量对象来自外部环境,而再下一个变量对象则来自下一个包含环境。这样一直向外延续到全局执行环境;全局执行环境的变量对象始终是作用域链中的最后一个对象。


注意:

1.作用域链是针对于函数的变量对象而言的(也可以说是为函数的变量对象创建的);

2.作用域链本质上是一个指向变量对象的指针列表,他只引用但不包含变量对象;


拓展:延长作用域链

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


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

with 扩展一个语句的作用域链。

with(expression) { statement }

1.expression,该表达式会添加到执行环境的作用域链当中

2.with语句将某个对象添加到作用域链的顶部,如果在statement中有某个未使用命名空间的变量,跟作用域链中的某个属性同名,则这个变量将指向这个属性值。如果沒有同名的属性,则将拋出ReferenceError异常。

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


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

相关文章
|
5月前
|
JavaScript 前端开发
作用域链的理解
作用域链的理解
34 0
|
3月前
|
自然语言处理 JavaScript 前端开发
深入理解作用域、作用域链和闭包
在 JavaScript 中,作用域是指变量在代码中可访问的范围。理解 JavaScript 的作用域和作用域链对于编写高质量的代码至关重要。本文将详细介绍 JavaScript 中的词法作用域、作用域链和闭包的概念,并探讨它们在实际开发中的应用场景。
|
5月前
|
自然语言处理 JavaScript 前端开发
对作用域链的理解
对作用域链的理解
33 0
|
11月前
|
存储 JavaScript 前端开发
从执行上下文和作用域链理解闭包
从执行上下文和作用域链理解闭包
76 0
从执行上下文和作用域链理解闭包
|
设计模式 自然语言处理 JavaScript
一篇文章帮你真正理解javascsript作用域闭包
一篇文章帮你真正理解javascsript作用域闭包
59 0
|
消息中间件 存储 自然语言处理
兄台: 作用域、执行上下文了解一下
• 作用域(Scopes) • 词法环境(Lexical environments) • 作用域链 • 执行上下文 • 调用栈
|
自然语言处理 JavaScript 前端开发
作用域是什么
作用域是什么
84 0
|
自然语言处理 前端开发 JavaScript
作用域闭包
作用域闭包
59 0
|
存储 JavaScript 前端开发
深入理解作用域和闭包(上)
深入理解作用域和闭包(上)
深入理解作用域和闭包(上)
|
存储 缓存 JavaScript
深入理解作用域和闭包(下)
深入理解作用域和闭包(下)
深入理解作用域和闭包(下)