关于 let 在 for 循环中的理解

  每次阅读 ECMAScript 6 入门 时,关于其中的一块代码,总是不能很好的理解。如下

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入门。
  

  要想理解上图,请先阅读我的另外两片博客 闭包作用域链
  从上图中,我们可以很清晰的看见,不同的函数对应的作用域链就不同,也就造成了取到的 i 的值不同。

  下面给出 使用 var 定义是的图解,就能更好的理解这个问题了。

  

 

猜你喜欢

转载自www.cnblogs.com/tianzun-blog/p/9271523.html
今日推荐