作用域和作用域链

简介: 作用域和作用域链

每个函数都会有自己的执行环境,当执行流进入一个函数时,函数的执行环境就会被推入一个环境栈中。同样,函数在执行完毕之后,栈会将函数环境退出,把控制权交给下一个执行环境。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中也已经明确禁用该语句。推荐使用一个临时变量来承载你所需要的属性。

相关文章
|
6月前
|
JavaScript 前端开发
作用域链的理解
作用域链的理解
56 0
|
1月前
|
JavaScript 前端开发
作用域和作用域链及预解析
作用域和作用域链及预解析
22 4
|
2月前
|
Java
作用域
作用域
19 2
|
2月前
C 作用域详解
在 C 语言中,作用域决定了变量和函数的可见性和生命周期,包括块作用域、函数作用域、文件作用域和全局作用域。块作用域内的变量仅在块内有效,函数作用域内的变量在整个函数内有效,文件作用域内的全局变量和函数在整个文件内有效,而全局作用域内的变量和函数在整个程序运行期间有效。作用域的优先级遵循局部变量优先的原则,局部变量会遮蔽同名的全局变量。变量的生命周期分为局部变量(函数调用时创建和销毁)、全局变量(程序开始时创建和结束时销毁)以及静态变量(整个程序期间有效)。理解作用域有助于避免命名冲突和错误,提高代码的可读性和可维护性。
|
6月前
|
自然语言处理 JavaScript 前端开发
深入理解作用域、作用域链和闭包
在 JavaScript 中,作用域是指变量在代码中可访问的范围。理解 JavaScript 的作用域和作用域链对于编写高质量的代码至关重要。本文将详细介绍 JavaScript 中的词法作用域、作用域链和闭包的概念,并探讨它们在实际开发中的应用场景。
|
6月前
|
自然语言处理 JavaScript 前端开发
对作用域链的理解
对作用域链的理解
58 0
|
设计模式 自然语言处理 JavaScript
一篇文章帮你真正理解javascsript作用域闭包
一篇文章帮你真正理解javascsript作用域闭包
87 0
|
消息中间件 存储 自然语言处理
兄台: 作用域、执行上下文了解一下
• 作用域(Scopes) • 词法环境(Lexical environments) • 作用域链 • 执行上下文 • 调用栈
105 0
|
存储 JavaScript 前端开发
深入理解作用域和闭包(上)
深入理解作用域和闭包(上)
深入理解作用域和闭包(上)
|
存储 缓存 JavaScript
深入理解作用域和闭包(下)
深入理解作用域和闭包(下)
深入理解作用域和闭包(下)