理解JavaScript中的执行上下文

作为一名 JavaScript 开发人员，了解代码的执行方式至关重要。让我们深入研究执行上下文的概念，并以更简单的方式对其进行分解。

执行上下文就像一个容器，JavaScript 中的一切都发生在其中。它由两个主要组件组成：内存组件或变量环境和执行线程。让我们用一个例子来说明这一点：

变量 a = 10;

函数 hello() { console.log(“Hello World”); }

你好();

当这段代码运行时：

1.内存创建阶段：JavaScript引擎为内存组件中的变量a和函数hello()分配内存。最初，变量被赋予值undefined，用作占位符。函数声明作为值存储在内存中。

2.代码执行阶段：代码逐行执行：

• 引擎遇到var a = 10，将undefined替换为值10。
• 转到函数声明hello()，它创建一个新的执行上下文，称为“本地执行上下文”。一旦该上下文执行完成，它就会从内存中删除。

为了管理执行上下文的创建和删除，JavaScript 使用调用堆栈。

概括

每次运行 JavaScript 程序时，调用堆栈都会填充全局执行上下文。当执行上下文完成时，它们将从调用堆栈中删除，从而保持执行顺序。