如何理解JavaScript的执行上下文_它与作用域链有何关系?

执行上下文是JavaScript代码运行时的环境容器,包含变量对象、作用域链和this绑定;作用域链是其内部用于变量查找的引用链,定义于函数创建时,决定变量访问路径。

JavaScript的执行上下文(Execution Context)是代码运行时的“环境容器”,它定义了变量、函数能被访问的范围和规则;而作用域链(Scope Chain)是这个容器内部用来查找变量的一条路径。简单说:执行上下文是“舞台”,作用域链是“找东西用的地图”。

执行上下文分三类:全局、函数、eval(极少用)

每次调用函数或脚本启动,JS引擎就创建一个执行上下文。它包含三个核心部分:

  • 变量对象(VO):存着当前上下文中声明的变量、函数、参数(函数上下文中叫AO,即Activation Object)
  • 作用域链(Scope Chain):指向外层上下文的变量对象的引用链,用于变量查找
  • this绑定:决定函数内this指向谁(与执行上下文类型和调用方式有关)

作用域链由词法作用域决定,不是调用时才生成

作用域链在函数**定义时**就确定了,跟它在哪被调用无关。比如嵌套函数内部访问外部变量,引擎会顺着作用域链一层层往外找,直到全局。

示例:

function outer() {
  let x = 10;
  function inner() {
    console.log(x); // x不在inner的VO里 → 查outer的VO → 找到
  }
  return inner;
}
const fn = outer();
fn(); // 输出10,即使outer已执行完毕

这里inner的作用域链包含:inner自己的VO → outer的VO → 全局VO。即便outer执行结束,它的变量对象仍保留在inner的作用域链中——这就是闭包的基础。

执行上下文栈(ECStack)管理执行顺序

JS是单线程,用栈来管理执行上下文:先入后出。全局上下文最先入栈,函数调用时压入新上下文,返回时弹出。

  • 同步代码按顺序进栈出栈
  • 异步回调(如setTimeout)要等当前栈清空后,再推入新的执行上下文
  • 每个上下文的作用域链都独立,但可能共享外层的变量对象(如闭包)

基本上就这些。理解执行上下文和作用域链的关系,关键在于记住:作用域链是执行上下文的一个属性,它决定了变量怎么被找到;而执行上下文是JS引擎为每一次可执行代码块(函数调用或全局代码)创建的运行环境。