在全局范围内用“let”创建的变量与在循环内用“var”创建的变量

Question

我正在尝试获得一些关于 JavaScript 中变量声明的经验。 在下面的代码中，每当我尝试使用 var 关键字在循环内定义变量时，都会引发错误：

“未捕获的 SyntaxError：标识符 'i' 已被声明”。

而如果我使用“let”关键字（或根本不使用关键字）就没有问题。 我知道在我不使用任何关键字的情况下，JavaScript 在全局范围内使用相同的变量并覆盖它。 我也知道使用“let”关键字创建的变量被认为是块范围，而在函数外部使用“var”关键字创建的变量被认为是全局的。但我不明白这种行为！ 如果有人能对此事有所启发，我将不胜感激。

这段代码：

let i = 78;
console.log(i);
for (var i = 0; i < 4; i++) {
    console.log(i);
    var insideloop = 100;
}

console.log(i); 给出此错误：未捕获的 SyntaxError: Identifier 'i' has been declared

但是这个没有问题并给出以下输出：

let i = 78;
console.log(i);
for (let i = 0; i < 4; i++) {
    console.log(i);
    var insideloop = 100;
}
console.log(i);

结果： 78 0 1 2 3 78

Answer 1

在全局范围内的任何块内用 var 声明的变量不是该块的本地变量（在您的情况下，它是 for 循环的块），但它们在全局范围内。

因此，在您的第一个示例中，您尝试重新声明变量 i，该变量之前已在全局范围内使用 let 声明。

for(var i =0;i<5;i++){}
console.log(i); //i is in global scope

如果在您的情况下在任何块中声明 let，则它仅限于 for 循环块。它不在外面。

for(let i =0;i<5;i++){}
console.log(i); //i is in global scope