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