javascript事件循环的核心是宏任务与微任务的结构性配合：每个宏任务执行完后必须清空全部微任务，才能执行下一个宏任务；宏任务如script、settimeout、用户事件等定义节拍，微任务如promise.then、queuemicrotask等在宏任务结束后强制插队并全部执行完毕。
javascript 事件循环的核心，不是“谁先谁后”的简单排序，而是宏任务与微任务在执行节奏上的结构性配合。理解它，关键在于看清“一个宏任务结束”这个节点——它像一道闸门，之后必须清空全部微任务，才能放行下一个宏任务。
宏任务是事件循环的“节拍器”
宏任务定义了事件循环的基本步调。每次只取一个执行，执行完就触发一次完整的微任务清理流程。常见宏任务包括：
- 整段 script 标签代码（初始宏任务）
- setTimeout / setInterval 回调
- 用户事件回调（如 click、input）
- I/O 回调（fetch、XMLHttpRequest 完成）
- UI 渲染（浏览器在微任务清空后可能插入的一次绘制）
微任务是宏任务之间的“插队者”
微任务不参与节拍竞争，而是在每个宏任务刚结束时“强制插队”，且必须全部执行完毕才允许进入下一节拍。它们的特点是：
- 由 JS 引擎原生调度，优先级高于宏任务
- Promise.then/catch/finally 是最典型的微任务入口
- queueMicrotask() 提供手动插入微任务的能力
- MutationObserver 回调也属于微任务，用于响应 DOM 变更
执行流程：三步闭环不可跳过
一次标准循环不是“执行→检查→再执行”，而是严格遵循以下闭环：
- 执行当前宏任务中的所有同步代码（含嵌套调用）
- 立即检查并执行微任务队列中所有任务（新产生的微任务也会被追加并执行）
- 微任务队列清空后，浏览器可选择进行 UI 渲染，随后取出下一个宏任务
典型代码验证执行顺序
这段代码能清晰暴露机制：
console.log('1'); // 同步
setTimeout(() => console.log('4'), 0); // 宏任务
Promise.resolve().then(() => console.log('3')); // 微任务
console.log('2'); // 同步
输出必为 1 → 2 → 3 → 4。因为 1 和 2 属于第一个宏任务；3 是该宏任务结束后立即执行的微任务；4 则要等到下一轮宏任务开始。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
