javascript - JS 中的词法作用域

Question

我通过阅读一本书(Ethan Brown 的 Learning JavaScript)来学习 JS，作者写道:

Lexical scoping means whatever variables are in scope where you definea function from (as opposed to when you call it) are in scope in thefunction. Consider this example:

const x = 3;

function f() {
  console.log(x); // this will work
  console.log(y); // this will cause a crash
}
const y = 3;
f();

The variable x exists when we define the function f , but y doesn’t.Then we declare y and call f , and see that x is in scope inside thebody of f when it’s called, but y isn’t. This is an example of lexicalscoping: the function f has access to the identifiers thatwere available when it was defined, not when it was called

当我在 VS Code 调试器中运行它时，似乎没有任何错误。

我明白了

3

3

无一异常(exception)。这是否取决于我使用的 ES 版本或其他？

Answer 1

虽然我认为作者只是选择了一段糟糕的(嗯，不正确的)代码来说明这一点，但这段代码很有趣，可以用来说明一些相关但又不同的东西。因为 y 是用 const 声明的，所以它在函数内部是可见的，因为它的声明被提升到最近的封闭 block (这在发布的代码中没有明确可见，但它一定在某个地方)。但是，如果将函数调用移动到该声明的之前，您将看到一个错误，因为对y 的引用将以有点奇怪的方式发生-命名为“时间死区”。对使用 let 或 const 创建的已声明但未初始化的变量的引用是运行时错误。

如果 y 的声明更改为 var 声明，则将函数调用移至变量声明之前不会导致错误，因为该变量已定义并且在范围，但只是(老派)未初始化，因此只是未定义。