2

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


woxindead
135 声望1 粉丝