关于 let 在 for 循环中的理解

  每次阅读 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

  

相关文章
相关标签/搜索