'let' 是否覆盖全局声明并引发 ReferenceError？

Question

我正在查看 var 和 let 文档示例之间的差异，并且正在测试当调用未声明的变量时，全局范围会自动为其提供声明（这就是为什么下面的 sn-p 不会抛出任何变量中的错误）：

x = 3;
console.log(x);

(function() {
  y=x+39;
})()
console.log(y);

但是，当一个变量在同一全局范围内赋值后用let 声明时：

x=3;
let x = 42;
console.log(x);

抛出以下错误之一：

ReferenceError：x 未定义（Chromium）

ReferenceError：在初始化之前无法访问词法声明x (Firefox)

我知道let 不允许x 提升，但由于它之前被引用（暗示来自全局范围的自动声明），在这种情况下不应该重新声明吗？

SyntaxError：Identifierx 已被声明

因此抛出了上面的错误？

我也明白，在 strict mode 下，第一个 sn-p 会抛出 ReferenceError，这是否意味着 let 会强制执行此特定的严格模式规则（所有变量都需要声明）在全局范围内？

Answer 1

你是对的，这是一种奇怪的行为。它给出这些错误的原因是因为它认为您正在尝试将值 3 分配给您的 let 变量而不是全局值。正如其他人所提到的，这会导致提升的时间死区问题。

变量是在它们包含的词法环境为 已实例化，但 在变量的 评估 LexicalBinding

-Source (ECMAScript 8th edition)

此代码显示放置代码导致 TDZ 的位置：

// Accessing `x` here before control flow evaluates the `let x` statement
// would throw a ReferenceError due to TDZ.
// console.log(x);

let x = 42;
// From here on, accessing `x` is perfectly fine!
console.log(x);

您可以看到将let 包装在它自己的块中可以修复它：

x=3;
{
let x = 42;
console.log(x); // 42
}

或者，您可以在 window 对象上显式定义全局：

window.x=3;

let x = 42;
console.log(x);  // 42

Answer 2

正如 Konstantin A. Magg 解释的那样，这是因为 let 变量被提升并尝试在初始化抛出之前引用它们（临时死区）。

如果不想这样，可以将代码拆分成不同的脚本：

<script>
x = 3;
console.log(x); // 3
</script>

<script>
let x = 42;
console.log(x); // 42
</script>

注意x = 3 将进入严格模式。

Answer 3

您是否查看了MDN 上的let 文档？他们用 let 描述了一个时间死区和错误。

ES6 确实将let 变量提升到其作用域的顶部。与var 变量不同，当使用let 时，您不得在声明之前访问该变量。这样做会失败并出现ReferenceError（a.k.a.let's temporal dead zone）。