怎么理解“循环语句部分是一个父作用域，而循环体内部是一个单独的子作用域”？

Question

如题。

for (var i = 0; i < 3; i++) {
  var i = 'abc';
  console.log(i);
}
//为什么这里只输出一次 abc ？ 是因为'abc'++ <3 是false吗？

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}//为什么是3次 abc？

for (let i = 0; i < 3; i++) {

console.log(i) //这里报ReferenceError: i is not define？是因为暂时性死区？
let i = 'abc';

}

Answer 1

第一个，你在for里面var i，它们是在同一个作用域的，因为var是一个函数作用域。i = 'abc';i++，这样i就变成NaN了。NaN和数字比较，无论是什么比较，都为false。所以，只输出一次。

第二个，let是块级作用域，所以在for (let i = 0; ...)定义的i只在for的括号里有效，在块内是没有效果的，所以let i = 'abc'是相当于重新定义了一个变量，是for代码块的块级作用域的变量，只在for代码块里有效。所以执行了三次。

第三个问题，你在console.log之后定义了let i，所以i在你调用的时候并没有定义哈。参见上面一条。

Answer 2

因为变量提升

第一个里面外层的 i 被改变成为 'abc' 所以直接退出，而第二个里面 'abc' 被限制在 for 的块级作用域里面，就不会改变了。

Answer 3

var是函数作用域。在第二次循环判断时i = 'abc'; , 而'abc'++ < 3为false,所以第一个for循环只执行了一次。

let是块级作用域。每次for循环都重新定义了一个i，let i = 'abc'作用域在循环体内，不会影响循环体。

Answer 4

使用var声明的时候
for(var i=0; i<3; i++){} 等价于 var i;for(i=0;i<3;i++){}。
这样看就比较明显了
第一段代码循环一次是因为:

你在内部将i赋值为字符串，无法进行++操作，for循环只运行了一次就结束了。

第二段代码let 声明的变量只在起所在的块级作用于中生效,上数代码中()、{}是两个块级作用域，他们之间互不影响，定义{}内的i并不会影响()内声明的i

Answer 5

参考这里: http://www.ecma-international...

for 的第一部分是 var （VariableDeclarationList）的时候，声明的变量会合并到这个函数作用域里，就像单独声明一样。

for 的第一部分是 let 的时候，循环会分成 oldEnv 和 loopEnv ，其中 loopEnv 可以看做夹在循环体和循环外的一个中间层，所以不受影响。

Answer 6

let不能重复声明，不存在变量提升，新增了块级作用域!
例子3： let不像var，不存在变量提升，所以报错！
例子2： let声明了2个块级作用域（）和 {}是独立的2个作用域。互不影响。所以循环3次，每次都打印的'abc'。
例子1： var作用于整个函数，循环第一次 i 被赋值 'abc'，无法再比较，所以直接退出，输出'abc'。
我的一篇博客详细介绍了let以及ES6的知识点ES6知识点