js关于for循环里的setTimeout

来源:互联网 发布:欧文总决赛数据统计 编辑:程序博客网 时间:2024/05/21 11:05
<span style="font-family:SimHei;font-size:14px;"> <script type="text/javascript">        for(var i=0;i<3;i++) {            setTimeout(function () {                console.log(i),100*i            })        }    </script></span>


本以为上述代码会输出0,1,2,可是它就输出3个3,但是下面这样写,它就会输出3个3:

<span style="font-family:SimHei;font-size:14px;"><script type="text/javascript">        for(var i=0;i<3;i++) {            setTimeout(                console.log(i),100+i            )        }</span>

    考虑了很长时间,才知道,for语句不会因为有setTimeout的存在而停止,他会跳过setTimeout,setTimeout设定的是100毫秒的延迟,而for语句执行根本用不了那么长时间,但是为什么把关键字function去掉就可以了,呵呵,我相信大家应该都有自己的想法了。

还是那个原则,我分享的东西不高大上,但是都是平时我们容易忽视,容易出错的地方,写出来与大家分享!

0 0