Illegal Shadowing (Shading let with var)

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 在块范围内声明。但为什么这在第一种情况下无效？在那里，let a 将在单独的范围内声明，而 var a 应在全局范围内声明。为什么这个案例无效？

Answer 1

But why this is not valid in first case?

因为这两个声明都在 相同的范围内 。¹ 你的第二个例子是有效的，因为 let 只限于块，而不是外部范围var a 所在的区块。（就像函数中的局部变量一样。）所以在第二个示例中，它是阴影。在第一个例子中，它不会是阴影，而是重复，你不能用 let 做（即使另一个声明使用 var）。（您可以使用 var 在同一范围内多次声明一个变量。随后的 var 将被忽略，尽管变量上的任何初始值设定项都被转换赋值。例如，var a; var a = 42; 等同于 var a; a = 42;)

¹ 好的，从技术上讲，它比这复杂一点。 var 变量存在于“外部”全局词法环境中，该环境在全局对象上保存 bindings（松散地，variables），但是 let 变量存在于“内部”全局词法环境中，该环境不保留其对全局对象的绑定。全局范围仍然只是一个范围，所以正如您所看到的，您不能在全局范围内同时使用 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

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

// 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".

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

Illegal Shadowing (Shading let with var)

Illegal Shadowing (Shadowing let with var)

javascript

shadowing