JavaScript事件循环通过宏任务与微任务调度代码：每次执行一个宏任务后清空全部微任务队列；常见宏任务包括setTimeout、脚本执行等，微任务包括Promise回调、queueMicrotask等；queueMicrotask用于精准插入微任务，setTimeout(fn,0)延迟至下一轮宏任务，await则天然生成微任务实现异步编排。
JavaScript 中通过事件循环调度代码执行，核心是利用 宏任务（macrotask） 和 微任务（microtask） 的执行顺序来控制流程。事件循环每次只处理一个宏任务，但在该宏任务结束后，会**清空全部当前微任务队列**，再取下一个宏任务。
理解宏任务与微任务的典型来源
明确哪些操作属于哪一类，是调度的基础：
-
常见宏任务：整体脚本执行、
setTimeout、setInterval、setImmediate（Node.js）、I/O 回调、UI 渲染（浏览器） -
常见微任务：
Promise.then/catch/finally、MutationObserver回调、queueMicrotask()、await后续代码（本质是 Promise 微任务）
用 queueMicrotask 精确插入微任务
当需要在当前同步代码结束后、但不等到下一轮宏任务时执行逻辑，queueMicrotask() 是最直接的方式：
console.log('1');
queueMicrotask(() => console.log('2'));
console.log('3');
// 输出顺序：1 → 3 → 2
它比 Promise.resolve().then() 更语义清晰，且无 Promise 构造开销，适合轻量级调度。
立即学习“Java免费学习笔记（深入）”；
用 setTimeout(fn, 0) 延迟到下一轮宏任务
若需确保某段逻辑在当前所有微任务之后、且等待一次渲染或 I/O 轮转后再执行，用 setTimeout(fn, 0)（或 0 以外的小值）：
- 它会把回调推入宏任务队列，因此一定晚于当前宏任务中的所有微任务
- 注意：浏览器中即使设为
0，实际最小延迟通常为 4ms（受规范限制）；Node.js 中可更接近即时 - 避免滥用，过度嵌套
setTimeout可能导致不可预测的延迟累积
结合 await 实现异步流程编排
在 async 函数中，await 后的代码会被包装为微任务，天然适合串行调度：
async function run() {
console.log('A');
await Promise.resolve();
console.log('B'); // 这行是微任务，在当前宏任务末尾执行
}
run();
console.log('C');
// 输出：A → C → B
这种写法比手动写 Promise.then 更简洁，也便于配合条件判断、循环等控制流使用。
调度的关键不是“让代码快一点”，而是让执行时机符合预期——比如避免阻塞渲染、保证状态更新顺序、或解耦依赖关系。掌握宏微任务的层级和触发方式，就能主动设计而非被动响应事件循环。
