javascript - 非法遮蔽(用 var 遮蔽 let)

Question

考虑以下 JavaScript 中的阴影示例:

let a = 99;                                                                                                             
{
        var a = 10;
        let b = 11;
        const c = 200;
        console.log(a);
}
console.log(a);

这里我收到以下错误:

SyntaxError: Identifier 'a' has already been declared

但在下面的情况下，没有语法错误，代码完全有效。

var a = 99;                                                                                                             
{
    let a = 10;
    let b = 11;
    const c = 200;
    console.log(a);
}
console.log(a);

在第二种情况下，var a 在全局作用域中声明，而 let a 在 block 作用域中声明。但为什么这在第一种情况下无效？其中，let a 将在单独的作用域中声明，而 var a 应在全局作用域中声明。为什么这个案例无效？

Answer 1

But why this is not valid in first case?

因为这两个声明都在同一作用域中。¹ 您的第二个示例之所以有效，是因为 let 的作用域仅限于该 block ，而不是该 block 之外的作用域其中 var a 存在。 (就像函数中的局部变量一样。)因此在第二个示例中，它是阴影。在第一个示例中，它不会是阴影，而是重复，这是 let 无法做到的(即使其他声明使用 var)。 (您可以使用var在同一作用域中多次声明一个变量。随后的var将被忽略，尽管该变量上的任何初始值设定项都会被忽略。变量被转换为赋值。例如，var a; var a = 42; 与 var a; a = 42; 相同)

---

好吧，从技术上来说，它比这更复杂一些。 var 变量存在于“外部”全局词法环境中，该环境在全局对象上保存绑定(bind)(松散地，变量)，但是 let 变量存在于“内部”全局词法环境中，该环境不保留其在全局对象上的绑定(bind)。全局作用域仍然只是一个作用域，因此正如您所看到的，您不能在全局作用域中同时使用 var a 和 let a，因为它们相互冲突。但是还有其他方法可以创建“外部”全局变量，例如分配给 window 上的属性(或全局范围内的 this ，或 globalThis > 在现代环境中):

// At global scope
window.a = 42;    // Creates binding in the outer global environment
console.log(a);   // Shows 42

这意味着可以在外部和内部全局词法环境中创建绑定(bind):

// At global scope
window.a = 42;    // Creates binding in the outer global environment
let a = "answer"; // Creates binding in the inner global environment
console.log(a);   // Shows "answer"

由于内部的代码更接近执行 console.log(a) 的代码，因此上面的输出是 "answer"。

有趣的事实:根据您的计算方式，在浏览器上，“全局”环境有两层到六层之间。😮