JavaScript 的执行上下文和作用域 - 《JavaScript 高级程序设计》笔记

JavaScript 的执行上下文和作用域

概念

变量或函数的执行上下文决定了它们可以访问哪些，也决定了它们的行为。

每个执行上下文都有一个与之关联的变量对象（ variable object ），该执行上下文中定义的所有变量和函数都保存在变量对象中。

无法通过代码访问变量对象。

后台处理数据会使用变量对象。

---

全局上下文

全局上下文是最外层的上下文。根据 ECMAScript 实现的宿主环境，表示全局上下文的对象可能不一样。

在浏览器中，全局上下文即 window 对象，所有通过 var 定义的全局变量和函数都会称为 window 对象的属性和方法。

使用 let 和 const 的顶级声明不会定义在全局上下文中。

使用 var 与 使用 let 和 const 的全局变量和函数声明在作用域链解析上效果是一样的。

---

执行上下文的销毁

执行上下文在其所有代码都执行完毕后会被销毁，包括定义在其上面的所有变量和函数。

全局上下文在应用退出前才会被销毁，别入关闭网页或退出浏览器。

---

函数调用与执行上下文

每个函数调用都有自己的上下文。（为方便理解，笔者将函数体类比作函数的执行上下文）。当代码执行流进入函数时，函数的执行上下文会被推到一个执行上下文栈上。每当一个函数执行完毕，执行上下文栈会弹出该函数的执行上下文，将控制权返还给之前的执行上下文。

ECMAScript 程序的执行流由上述执行上下文栈控制。

---

作用域链

执行上下文中的代码在执行时，根据自身的变量对象的创建一个作用域链（ scope chain ）。该作用域链决定了各级上下文中的代码在访问变量和函数时的顺序。

正在执行的代码的执行上下文的变量对象，始终位于作用域链的最前端。

如果上下文是函数，则其变量对象就是其活动对象（ activation object ）。

变量对象和活动对象

笔者认为，变量对象和活动对象是同一种I在不同时期的不同叫法。

当执行上下文栈调用函数时，进入该函数的执行上下文创建时期，此时称为变量对象，在 JS 环境中不可访问。

在执行上下栈开始执行该函数的执行上下文时，变量对象被激活为活动对象。

活动对象最初只有一个定义变量：arguments。（全局上下文以及箭头函数上下文没有这个变量），作用域链中的下一个变量对象来自此时包含上下文&#x