ES6中let声明变量问题

Question

今天看ES6的一篇文章里这样写：

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

文档中说，上面代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。

但是a[6]不是function(){console.log(i)}吗？当运行a[6]()的时候，由于i是let声明的，只在块级作用域中有效，不应该是打印出undefined吗？怎么会是6呢？

Answer 1

for每次循环生成一个新的作用域，fuction内的i访问的是这个作用域内的i，大概可以像这样理解：

var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    let j=i
    console.log(j);
  };
}
a[6](); // 6

可以将源代码使用 babel转义看看：

Answer 2

巧了，我正好写过这个问题的文章，你可以看一下。
。。虽然我当时觉得写得很清楚，但是现在读了下，感觉看不懂，不过意思还是这个意思
我之前对这个问题的解析

Answer 3

i是在外部的大括号声明的，所以在内部的大括号也生效，反之就不行了，可以简单理解为作用域向下传递