每次阅读 ECMAScript 6 入门 时,关于其中的一块代码,老是不能很好的理解。以下html
var a = []; for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 6
与之对应的 若是使用 var 定义变量 i,最后都是输出10 ,这个都没什么问题,那是由于for不是块级做用域,变量 i 直接是全局变量。闭包
咱们都知道,在ES6中,let 的做用域是块级的,也就是说,在for循环中,每一次的都会从新定义一个变量 i。这个能够参考阮一峰老师的ECMAScript6入门。
ecmascript
要想理解上图,请先阅读个人另外两片博客 闭包 和 做用域链。
从上图中,咱们能够很清晰的看见,不一样的函数对应的做用域链就不一样,也就形成了取到的 i 的值不一样。函数
下面给出 使用 var 定义是的图解,就能更好的理解这个问题了。spa