关于for循环里的计时器

也算是比较经典的面试题了

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

           

//0,1,2,3,4

for (var i = 0; i < 5; i++) {
            console.log(i, "for");
            setTimeout(function() {
               console.log(i, "interval");
            });
 }
console.log('同步')
           

//打印出这个顺序，这是主要是因为JS的运行机制有关，由于是单线程的运行机制，也就是说，大家都排队吧，第一个结束，第二个跟上。

也就是说，第一个人不结束，第二个就一直等着。。。这样干等也不是个办法，所以设计者就考虑到了，那第一个没结束，就把等待中的任务给挂起，然后继续第二个任务，直到等待中的任务有返回结果了，再继续等待中的任务。

这里就要分同步任务和异步任务了，贴了一下某位coder的blog，他写的很接地气：https://www.cnblogs.com/hahazexia/p/9446585.html

来说一下上面打印的顺序，按顺序执行，for循环是同步任务，首先执行，接下来遇到计时器，是异步任务，放到队列后面，然后往下执行console.log('同步’),这时候开始执行刚才放到任务队列最后的计时器，当计时器执行的时候 i 这个变量，已经变成了5，所以会打印出5.

接下来第三段代码，需要再计时器里打印出0，1，2，3，4

for (var i = 0; i < 5; i++) {
            console.log(i, "for");
            (function(i) {
                setTimeout(function() {
                    console.log(i, "interval");
                });
            })(i);
        }
        console.log("同步");
           

聪明的你肯定已经想到了，用了一个闭包，改变了作用域，这时候每一次循环里，i的值都会被储存起来。

for (var i = 0; i < 5; i++) {
            console.log(i, "for");
            (function(i) {
                setTimeout(function() {
                    console.log(i, "interval");
                }, i * 1000);
            })(i);
        }
        console.log("同步");
           

这里就是间隔一秒打印一个数

转载于:https://my.oschina.net/u/3883810/blog/3082071