JavaScript微任务与宏任务区别解析

JavaScript事件循环中的微任务队列是比宏任务更轻量、更高优先级的异步执行机制，它并非“随到随执行”，而是在每个宏任务结束后立即、连续、彻底地清空所有当前微任务（包括执行过程中新加入的），且不触发页面渲染；理解其与宏任务在调度时机、执行粒度和实际影响上的本质区别——如Promise回调总比setTimeout(0)先执行、微任务会阻塞渲染但更精准控制DOM更新时机——不仅能帮你写出响应更及时、逻辑更可靠的异步代码，还能有效规避卡顿、时序错乱等常见陷阱。

微任务队列是 JavaScript 事件循环中优先级更高、执行更及时的一类异步任务集合，它总在当前宏任务执行完后立即清空，不等待下一轮循环。

微任务队列的核心特点

它不是“随时插入就马上执行”，而是严格遵循“宏任务结束 → 立即执行全部微任务 → 清空为止”的节奏。哪怕在微任务执行过程中又生成了新的微任务（比如 Promise.then 里再返回一个 Promise），这些新任务也会被加入当前微任务队列，继续执行，直到队列彻底为空。

常见微任务来源包括：

• Promise.then()、.catch()、.finally() 的回调
• MutationObserver 的回调
• queueMicrotask() 显式加入的任务
• Node.js 中的 process.nextTick()（优先级比 Promise 还高）

宏任务与微任务的关键区别

两者最本质的差异不在“谁更快”，而在于调度时机和执行粒度：

• 宏任务代表一次事件循环的“主干单元”：如整个