ES6中let在for循环中的疑惑？

Question

如图，上图说明i已经被声明了，也就是不可以重复声明；而下图中却能用let重新声明，为什么？

Answer 1

为什么let能重复声明？ 图示

---

关于let声明跟var声明为什么会冲突？ 首先 var 声明会提升到当前作用的顶端，即顺序是这样的：

1. var i

2. 才是开始走for循环

3. 才开始解析 let i = 0 --->报错
   再看图

Answer 2

// for是一个区块，内部又是一个小区块，你的代码可以简写为
{
    let i = 0;  // i作用于这个大区块
    {
        var i = 'abc';  // 此处的i也作用于这个大区块
        console.log(i);
    }
}

{
    let i = 0; // i作用于这个大区块
    {
        let    i = 'abc'; // i作用于这个小区块
        console.log(i);
    }
}

// 如果你这么写是可以的
for (var i = 0; i < 3; i++) {
    let i = 'abc';
    console.log(i);
}
// 简写
{
    var i = 0; // i作用于这个大区块
    {
        let    i = 'abc'; // i作用于这个小区块
        console.log(i);
    }
}