js 异步 microtask 和 macrotask 的时机问题

2018-07-28 13:02:13 +08:00
 vevlins
console.log(1);
setTimeout(()=>{
    console.log(2);
    setTimeout(() => {
        console.log(4);
    });
    process.nextTick(()=>{
        console.log(3);
    });
});
setTimeout(() => {
 console.log(5);
});

怎么解释这段运行呢?为什么顺序是 534 而不是 345

1204 次点击
所在节点    前端开发
2 条回复
noe132
2018-07-28 13:10:22 +08:00
settimeout 是将一个任务 push 进异步队列
在 V8 中,异步队列每次 eventloop 执行一个任务
nextTick 是每次 eventloop 的 step 间隔都会执行,所以 nextTick 会在 settimeout 之前执行。
所以顺序是 12534
noe132
2018-07-28 13:11:44 +08:00
nextTick 不像异步队列一次只执行一个,nextTick 队列是一次完全执行完。所以不能再 nextTick 的回调再 nextTick,这样就会死循环阻塞 eventloop

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/474900

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX