JavaScript事件队列和setTimeout(…)
JavaScript事件队列和setTimeout(…)
提问于 2016-01-09 08:39:34
那段代码是怎么回事
var start = new Date();
setTimeout(function() {
var end = new Date();
console.log('Time elapsed with func1:',end - start, 'ms');
}, 500);
setTimeout(function() {
var end = new Date();
console.log('Time elapsed with func2:',end - start, 'ms');
}, 250);
while (new Date() - start < 1000) {}日志：
Time elapsed with func2: 1001 ms
Time elapsed with func1: 1017 ms我希望func1首先被触发，因为它是第一个被添加到事件队列中的事件。然后，由于JS的单线程性质，请等到func1返回，然后在队列中执行下一个事件，即func2。
那么，发生了什么？
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-01-09 08:47:50
在计时器到达指定时间之前，不会向事件队列添加任何内容。
因此，事件的顺序如下：
- 您可以注册500 for的
func1计时器。 - 您注册250 You的
func2计时器。 - 启动
while自旋循环。 - 在250 is之后，
func2计时器触发( JS引擎内部)并将其回调添加到事件队列中。 - 在500 is之后，
func1计时器触发( JS引擎内部)并将其回调添加到事件队列中。 - 您的
while自旋循环最终完成，当前JS线程完成。 - JS引擎从事件队列(即
func2回调)中提取下一个项并执行它。 - 当该回调完成执行时，它将从事件队列(即
func1回调)中提取下一个项目并执行它。
因此，当func2自旋循环完成后，您将得到while回调执行时所看到的输出，然后执行func1回调。
Stack Overflow用户
发布于 2016-01-09 08:49:57
不，等等。它不会将超时调用添加到事件队列中。它由webapi通过浏览器处理，然后当超时开始时，它会将您的函数添加到事件队列中。
这是什么：https://www.youtube.com/watch?v=8aGhZQkoFbQ#t=13m (从13点起)
Stack Overflow用户
发布于 2017-12-18 07:14:46
Javascript是单线程的。即使存在异步回调，它们也不是逆流的。
这意味着，内部的代码(setTimeout(fn，num))只有在整个代码完成执行后才会被调用。因此，如果num参数= 5000。这意味着，函数setTimeout(.)将运行:在整个代码(即，直到调用setTimeout时为止的代码，而是所有的代码)完成+5秒的执行之后。希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34691428
复制相关文章
相似问题
腾讯云开发者
