经典的for循环案例


for (var i = 0; i < 10; i++) {
    setTimeout(function() { console.log(i); }, 100 * i);
}

想想打印结果是啥?

没错是10次10,为什么不是我们想要的0,1,2,3,4,5,6,7,8,9?
开始我也很纳闷,一直想不明白。找了很多资料才终于想明白了。其实网上说的很多什么异步,闭包等等,我觉得解释的不是很容易明白。

其实简单点来说:
1.这个for循环肯定是循环10次的,所以结果为什么是10个10
2.因为setTimeout方法是在for循环结束之后再执行的,for循环非常的快,结束之后的i是10.
3.在这个for循环当中的setTimeout是会执行10次的。所以结果10个10,可能这样还不少很明白。我们改一下这个例子

for (var i = 0; i < 10; i++) {
        console.log(123);
    }
    

这里我们在for循环里随便打印个什么东西,你会发现最后都是执行了10次。。。
so,到这里我终于明白了。为什么最上面的结果是10个10了。

最后要想打印0到9,有很多方法了。例如:

for (var i = 0; i < 10; i++) {
       console.log(i);
 }

这样直接打印就好了。。。或者把var或者let。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值