首页 > 有关setTimeout的问题,,大神解析下!

有关setTimeout的问题,,大神解析下!

var a=0;

    function one(){
        for(var i=0;i<10;i++){
            setTimeout(function(){
                a+=i;
            },0)
        }
    }
    function two(){
        alert(a);
    }
one();
    setTimeout(two,0);

JS 是单线程的程序,任意时刻只会执行一个地方的代码。
setTimeout(()=>a+=1,0); 之后虽然需要立即执行 a+=1 但是,由于当前的代码还没有执行完,所以需要等待当前代码执行完之后才会执行,同样setTimeout(two,0)也是这样。这样一种会积累 11 个待执行的函数。

setTimeout() 执行玩之后,再去一个一个执行这些函数,而不是这些函数一起执行。那么执行顺序,就是看那一段代码谁先应该执行。

可以实验一下代码,注意一下代码可能会导致浏览器长时间没有响应,甚至会使设计的不好的浏览器崩溃。

var a=0;
function one(){
    for(var i=0;i<10;i++){
        setTimeout(function(){
            a+=i;
        },0)
    }
}
function two(){
    alert(a);
}
one();
setTimeout(two,0);
while(1);
var a=0;
function one(){
    for(var i=0;i<10;i++){
        setTimeout(function(){
            while(1);
            a+=i;
        },0)
    }
}
function two(){
    alert(a);
}
one();
setTimeout(two,0);

setTimeout做的事情是:在指定delay时间后,将指定方法作为异步任务添加到异步任务队列中,不会阻塞主线程。等到主线程队列空了(执行完了)的时候,就会去异步队列查询是否有可执行的异步任务了,如果某个异步任务可以执行了便加入主线程队列,以此循环。one()函数里的for循环执行完后i=10,执行setTimeout指定的函数时a+=10;执行10次,所以a=100;alert(a)弹出100

【热门文章】
【热门文章】