javascript - ES6 javascript block 作用域变量提升到 for header

Question

for 循环 block 中的所有 block 作用域变量是否都提升到循环头本身之上？

    var x = 4;

    for(let i = 3; i < x; i++) {
        let x = 2;
        ...
    }

每次 i 与循环头中的 x 进行比较时，这是否会在 x 上产生死区错误？我知道 i 在 block 作用域中被下推，但为什么不是 x？

Answer 1

语言规范的相关部分是 13.7.4

如果for语句包含let或const声明，则创建一个作用域。

如果 for 语句包含 let 声明，则每次迭代都会创建一个作用域。

如果 for 主体是一个 block ，则创建一个范围。

以下是一些示例以及创建的范围:

//no scope
for(i = 0; i<3; i++) console.log(i);

//no scope
for(var i = 0; i<3; i++) console.log(i);

//for scope and iteration scope
for(let i = 0; i<3; i++) console.log(i);


// for scope, iteration scope and block scope
for(let i = 0; i<3; i++) {
  console.log(i);
}

为什么我们需要迭代范围？对于关闭:

for(let i = 0; i<3; i++) {
  setTimeout(() => console.log(i), 10);
}

无迭代范围的输出:3,3,3。迭代范围:0,1,2