高能预警：轻松理解执行上下文及执行栈

高能预警：执行上下文及执行栈

在JavaScript的世界里，执行上下文是一个决定代码执行环境的抽象概念，它包含了执行代码所必须的信息，如变量对象、函数对象、this等。而执行栈是一个用来管理执行上下文的栈式数据结构，它记录了程序执行过程中所产生的所有执行上下文。

一、认识执行上下文

执行上下文是一个动态的环境，它会在程序执行过程中不断变化。当一个函数被调用时，一个新的执行上下文就会被创建并压入执行栈中，当函数执行完毕后，它的执行上下文就会被弹出栈。我们可以将执行上下文看作是一个独立的沙箱，它拥有自己的变量对象、函数对象和this关键字。

1. 执行上下文的基本组成部分

1）变量对象

变量对象存储着函数内部定义的所有变量和参数，这些变量和参数只能在函数内部访问。当函数执行完毕后，变量对象就会被销毁。

2）函数对象

函数对象存储着函数的代码，当函数被调用时，函数对象就会被执行。

3）this关键字

this关键字指向当前函数的调用者，它是一个非常重要的概念，在后面的章节中我们会详细讨论。

2. 执行上下文的创建和销毁

执行上下文会在以下两种情况下创建：

1）当一个函数被调用时

当一个函数被调用时，一个新的执行上下文就会被创建并压入执行栈中。

2）当一个脚本文件被加载时

当一个脚本文件被加载时，一个全局执行上下文就会被创建。全局执行上下文是所有其他执行上下文的父上下文。

执行上下文会在以下两种情况下销毁：

1）当一个函数执行完毕时

当一个函数执行完毕后，它的执行上下文就会被弹出栈。

2）当一个脚本文件被卸载时

当一个脚本文件被卸载时，全局执行上下文就会被销毁。

二、理解执行栈

执行栈是一个用来管理执行上下文的栈式数据结构，它记录了程序执行过程中所产生的所有执行上下文。执行栈是后进先出（LIFO）的，这意味着最后创建的执行上下文总是位于栈顶。

当一个函数被调用时，一个新的执行上下文就会被创建并压入执行栈中。当函数执行完毕后，它的执行上下文就会被弹出栈。我们可以将执行栈想象成一个弹簧，当一个新的执行上下文被创建时，它就会被压入弹簧的顶部，当执行上下文执行完毕后，它就会被弹出弹簧的顶部。

三、执行上下文与执行栈的关系

执行上下文和执行栈之间存在着紧密的关系，执行栈管理着执行上下文，而执行上下文又决定了代码的执行环境。

当一个函数被调用时，一个新的执行上下文就会被创建并压入执行栈中。这个新的执行上下文成为当前执行上下文，它拥有自己的变量对象、函数对象和this关键字。当前执行上下文中的代码会按照一定的顺序执行，直到函数执行完毕。

当函数执行完毕后，它的执行上下文就会被弹出栈，上一个执行上下文成为当前执行上下文。这个过程会一直重复，直到所有函数都执行完毕，此时执行栈将为空，程序执行结束。

四、总结

执行上下文和执行栈是JavaScript中非常重要的两个概念，它们共同决定了代码的执行环境和执行顺序。通过理解这两个概念，我们可以更好地理解JavaScript的运行机制，并写出更加健壮的代码。