javascript - JS为什么需要执行上下文

Question

我是 JS 新手，正在学习执行上下文在 JS 中的作用，并问自己执行上下文在 JS 中的好处是什么以及为什么 JS 通过执行上下文运行。 第二个问题是我们知道存在全局和功能执行上下文，每个上下文都有两个阶段:创建阶段和执行阶段。那么，为什么我们需要这两个阶段呢？拥有它们有什么意义。

Answer 1

“执行上下文”的概念提供了一种推理创建和执行全局环境或调用函数时发生的情况的方法。它是局部变量(全局变量，在全局环境的情况下)、参数(对于函数)等的概念容器。JavaScript 引擎可以在没有任何它称为“执行上下文”的对象的情况下编写，只要它实现的语言与规范定义的执行上下文行为保持一致。

执行上下文有助于解释的一件事是闭包的行为。在给定执行上下文中创建的函数(概念上)具有对该上下文的引用，即使与上下文相关的函数调用已完成:

function foo(answer) {
    return function say() {
        console.log(answer);
    };
}
const s = foo(42);
s(); // 42

这是有效的，因为函数 say 引用了创建它的 foo 调用的上下文(嗯，更具体地说，是所谓的“词法环境”) ”)。在 foo 返回后，该词法环境继续存在，因为某些东西仍然有对它的引用(say)。因此，之后对 say 的调用就可以了。

设置两个阶段的原因是允许在声明之前使用标识符。这主要对函数声明有用:

main();

function main() {
    console.log("Worked");
}

第一阶段处理函数声明(和 var 语句)，然后逐步阶段运行代码。如果没有第一阶段，上面的代码将从 main(); 开始失败，因为 main 未声明。当然，对于上面的简单示例，您可以将 main(); 调用移至函数声明之后，但更复杂的情况会变得更难以这种方式解决。没有两个阶段的语言(例如早期的 C)必须提供一种机制来“前向声明”稍后定义的事物。有两个阶段意味着 JavaScript 不必有这些阶段。 (公平地说，C 也与 JavaScript 不同，因为它需要在编译期间知道所有标识符所指的内容，即使标识符位于函数内的代码中。因此，它需要前向声明才能允许 foo和 bar 相互调用。在调用函数之前，JavaScript 不会检查函数内使用的标识符，因此 C 中前向声明的一些原因在 JavaScript 中不会出现，即使没有两个阶段。)

它并不完全成功。在代码中到达 var 语句之前，使用 var 语句初始化它们用 undefined 声明的变量通常是错误和困惑的根源:

console.log(answer); // undefined
var answer = 42;

人们很容易对 var answer = 42; 的一半提前完成的事实感到困惑(var answer部分)，但另一半 (answer = 42;) 直到稍后到达该语句时才完成。

这就是为什么在第一阶段 let 和 const 创建但不初始化它们的变量。您可以在声明变量的上方使用变量，但只能在初始化后运行的代码中使用:

function foo() {
    console.log(answer);
}
// foo(); <== Would fail, `answer` isn't initialized yet
let answer = 42;
foo(); // Works, logs 42