将ES6 javascript块作用域变量挂载到标题中

Question

将for循环块中的所有块作用域变量都挂载在循环标题本身之上？

var x = 4; 

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

这应该在每次将x与循环头中的x进行比较时在x上产生死区错误吗？我知道我被推倒在块范围内，但为什么不是x？

Answer 1

for循环块中的所有块范围变量是否悬挂在循环头本身之上？

不，他们都悬挂在该块范围

如果这产生每一次X上的一个死区错误我是相比于环头X？我知道我被推倒在块范围内，但为什么不是x？

没有，因为x在环头被引用定义为4 var x = 4

之前它已被宣布为确定范围和声明之间的时间无法访问let变量x是TDZ。

ex。

console.log(x) // Reference Error, x is in TDZ 
let x = 4 
console.log(x) // --> 4 

Answer 2

此基础上，我认为让X只，用于范围内都有效。

Answer 3

我误解了，认为只会有一个块范围。我不愿意采用表达式i < x中的两个任意变量，而必须决定查找哪个块范围，这是无法确定的。

正确的方法是构建两个嵌套块作用域，一个用于循环头，一个用于循环体。这意味着let i在循环头文件和循环体范围中均可见，并且循环中的let x仅在循环体范围中可见。容易peasy，柠檬squeezy。

Answer 4

语言规范的相关部分是13.7.4

如果for语句包含let或const声明，然后创建一个范围。

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

如果for body是一个块，则创建一个范围。

下面是一些例子和所创建的范围：

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