JavaScript事件循环：宏任务与微任务详解

JavaScript事件循环并非多线程调度机制，而是单线程下严格遵循“同步代码→清空全部微任务→执行一个宏任务→再清空全部微任务”的循环规则；正因Promise.then属于微任务而setTimeout属于宏任务，即使延迟为0，后者也必须等待当前宏任务结束且所有微任务执行完毕后才能运行，这直接决定了如A→D→C→B这类看似反直觉却绝对确定的执行顺序——理解这一底层调度逻辑，不仅能揭开async/await、queueMicrotask等特性的本质，更能避开时序错乱、状态读取错误乃至“微任务风暴”导致页面卡死等高频陷阱。

JavaScript 事件循环不是“多线程调度器”，而是单线程下严格按序执行任务的规则：同步代码 → 清空所有微任务 → 执行一个宏任务 → 再清空所有微任务 → … 循环往复。

为什么 Promise.then 总比 setTimeout 先执行？

因为它们进的是不同队列，且事件循环强制规定：每个宏任务结束后，必须立刻、连续执行完当前全部微任务，才允许取下一个宏任务。

• Promise.resolve().then(...) 是微任务，进微任务队列（Micro Task Queue）
• setTimeout(..., 0) 是宏任务，进宏任务队列（Macro Task Queue）
• 即使 setTimeout 的延迟是 0，它也得排队等「上一个宏任务结束 + 所有微任务跑完」之后才能轮到

console.log('A');
setTimeout(() => console.log('B'), 0);
Promise.resolve().then(() => console.log('C'));
console.log('D');
// 输出一定是：A → D → C → B

哪些操作属于宏任务？哪些属于微任务？

区分关键不在“快慢”，而在“谁创建”和“何时调度”——宏任务由宿主环境（浏览器/Node.js）注入，微任务由 JS 引擎自身立即排入。

• 常见宏任务：setTimeout、setInterval、setImmediate（Node.js）、I/O、整体