function test(){
setTimeout(function(){
var now=new Date();
while((new Date()).getTime() < now.getTime()+5000){ }
console.log('p')
},0);
}
test();
test(); //it takes 10 seconds,the second test function runs after the first finished.
谁可以向我解释它是如何工作的？
解决方法
发生这种情况的原因是,每当您在setTimeout内部传递函数并调用它时,传递的函数将根据提供的延迟(以毫秒为单位)推送到callBack队列. callBack队列中的函数将按照它们推送的顺序逐个执行.因此,在您的情况下,您通过运行while循环来阻止callBack队列中存在的函数的代码流.因此,第二次测试调用需要10秒才能执行.
test(); //call 1
callBack queue ----> [function(){ while(){} }]
test(); //call 2
callBack queue ----> [function(){ while(){} },function(){ while(){} }]
注意：当调用堆栈中没有任何内容要执行时,回调队列将开始执行.
最好的阅读,Event Loop.
