JavaScript微任务执行时机解析

学习文章要努力，但是不要急！今天的这篇文章《JavaScript微任务何时执行？》将会介绍到等等知识点，如果你想深入学习文章，可以关注我！我会持续更新相关文章的，希望对大家都能有所帮助！

微任务在当前宏任务结束后、渲染前立即执行，常见类型包括Promise回调、MutationObserver回调和queueMicrotask()；每次调用栈清空后，引擎持续执行全部微任务直至队列为空，不被渲染或宏任务打断。

JavaScript 中的微任务（Microtasks）在当前任务执行结束后、渲染前立即执行，它们具有比宏任务更高的优先级。

微任务有哪些常见类型

主要微任务包括：

• Promises 的 then、catch、finally 回调
• MutationObserver 的回调函数
• queueMicrotask() 显式加入的微任务

微任务的执行时机

每次调用栈清空后，引擎会检查微任务队列，只要队列不为空，就持续执行所有排队的微任务，直到队列为空——这个过程不会被渲染、用户输入或宏任务打断。

例如：

console.log(1);
Promise.resolve().then(() => console.log(2));
console.log(3);

输出顺序是 1 → 3 → 2，因为 Promise 回调被推入微任务队列，在同步代码（1 和 3）执行完后立刻执行。

微任务 vs 宏任务的执行顺序

一次事件循环中：

• 先执行一个宏任务（如 script、setTimeout 回调、事件处理函数等）
• 宏任务执行完毕后，清空全部微任务队列（注意：新产生的微任务也会在这轮被清空）
• 然后才可能进行页面渲染，再取下一个宏任务

这意味着连续多个 Promise.then 或多次 queueMicrotask 会全部串行执行，中间不会穿插宏任务或渲染。

如何手动调度微任务

使用 queueMicrotask(callback) 可以显式插入一个微任务，它比 Promise.resolve().then() 更轻量、语义更清晰：

queueMicrotask(() => {
  console.log('这是一个微任务');
});

它和 Promise 微任务处于同一队列，执行时机完全一致。

基本上就这些。微任务机制是理解 JS 异步行为的关键一环，不复杂但容易忽略细节。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~