本文共 1699 字，大约阅读时间需要 5 分钟。

JS的执行上下文栈

JS的执行上下文是JS运行的核心机制之一。在开发过程中，理解JS的执行上下文栈是非常重要的，能够帮助我们更好地调试和优化代码。此外，了解执行上下文栈的相关知识，可以帮助我们更好地理解JS的执行机制。

全局执行上下文

当JS引擎开始运行时，会首先创建一个全局执行上下文。这个全局上下文会一直存在于执行上下文栈中，直到整个程序结束。因此，在任何时候ECStack中至少有一个全局上下文。

函数执行上下文

当JS引擎遇到函数代码块时，就会创建一个函数执行上下文，并将其压入执行上下下文栈中。随着函数的调用，执行上下文栈会不断被修改，函数的上下文会被压栈，而执行完成之后又会被弹栈。

执行上下文栈的管理

一个简单的示例

function fun3() {
  console.log('fun3');
}
function fun2() {
  fun3();
}
function fun1() {
  fun2();
}
fun1();

当fun1()被调用时，执行上下文栈会经历以下变化：

执行上下文栈与变量提升

JS引擎在解析代码时，遵循变量提升规则，函数声明提升、变量声明提升都会影响执行上下文栈。此外，在函数调用的过程中，当前执行上下文与之前函数定义的上下文会形成独立的执行环境。

小练习

var scope = "global scope";
function checkscope() {
  var scope = "local scope";
  function f() {
    return scope;
  }
  return f;
}
checkscope();

在这个代码中，执行上下文栈的变化如下：

通过这组演示，我们可以清楚地看到，执行上下文栈为JS代码的执行提供了一个清晰的管理机制，使得复杂的函数调用和变量提升规则能够被有序执行。