关于 let 在 for 循环中的理解

本文探讨了ES6中let与var定义变量的不同之处,特别是它们在for循环中的作用域差异。通过具体示例,解释了为何使用let时能够正确打印循环索引,而使用var时则会输出相同的最终值。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  每次阅读 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 定义是的图解,就能更好的理解这个问题了。

  

 

 

转载于:https://www.cnblogs.com/tianzun-blog/p/9271523.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值