执行上下文栈

---

个人觉得很有意思这个东西。。。

JavaScript的可执行代码（executable code）的类型有哪些？

• 全局代码
• 函数代码
• eval代码

当执行到一个函数的时候，就会进行准备工作，这里的"准备工作"，就叫做"执行上下文"（execution context）。

猪脚

函数太多，为了管理执行上下文。JavaScript引擎创建了执行上下文栈（Execution context stack, ECS）来管理上下文。

为了模拟执行上下文栈的行为，让我们定义执行上下文栈是一个数组：

ECtack = []

案例

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

function fun2() {
  fun3();
}

function fun1() {
  fun2();
}

fun1();

当执行一个函数的时候，就会创建一个执行上下文，并且压入执行上下文栈，当函数执行完毕的时候，就会将函数的执行上下文从栈中弹出。

// 伪代码

// fun1()
ECStack.push(<fun1> functionContext);

// fun1中竟然调用了fun2，还要创建fun2的执行上下文
ECStack.push(<fun2> functionContext);

// 擦，fun2还调用了fun3！
ECStack.push(<fun3> functionContext);

/ fun3执行完毕
ECStack.pop();

// fun2执行完毕
ECStack.pop();

// fun1执行完毕
ECStack.pop();

// javascript接着执行下面的代码，但是ECStack底层永远有个globalContext