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。。。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。