JavaScript中的栈和执行上下文

栈和执行上下文是JavaScript中重要的概念，对于理解代码的执行过程和变量的作用域具有关键性的作用。本文将详细介绍栈和执行上下文的概念，并提供相应的源代码示例。

栈（Stack）的概念

栈是一种数据结构，遵循"后进先出"（Last-In-First-Out，LIFO）的原则。在JavaScript中，栈的主要作用是跟踪函数的调用和执行过程。

当一个函数被调用时，会创建一个新的执行上下文（Execution Context）并被推入栈的顶部。执行上下文包含了函数的参数、局部变量和函数内部的代码。执行上下文的创建和销毁遵循函数的调用和返回过程。

当函数执行完成后，对应的执行上下文会被从栈中弹出，控制权交给调用该函数的上下文。这样，程序就可以继续执行上一个函数的代码。

执行上下文（Execution Context）的概念

执行上下文是JavaScript引擎在执行代码时创建的一个抽象概念。每个执行上下文都有自己的变量环境和词法环境。

变量环境（Variable Environment）存储了在执行上下文中声明的变量和函数。它提供了一个变量和函数的查找表，使得代码可以访问和操作这些标识符。

词法环境（Lexical Environment）是一个更广义的概念，它除了包含变量环境外，还包含了外部环境的引用。外部环境指的是包含当前执行上下文的上层执行上下文，用于支持作用域链的查找。

栈和执行上下文的示例

下面是一个简单的示例，演示了栈和执行上下文的使用：