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 变更
执行流程:三步闭环不可跳过
一次标准循环不是“执行→检查→再执行”,而是严格遵循以下闭环:
当用户要求为 Java 代码添加注释、修改注释、审查注释、整理注释格式,或要求按照代码注释规范处理 Java 文件时,使用本技能。本技能用于统一生成和维护 Java 类注释模板、按 Git 对比 release 判断版本号、补充每行代码上方中文块注释、调整注释空行规则,并保持 Java 文件 UTF-8 无 BOM 编码。典型触发场景包括:补充类注释、更新 @version、检查 @author 来源、整理行尾注释、把注释放到代码上一行、检查注释是否符合规范、构建前检查 Java 注释风格。
- 执行当前宏任务中的所有同步代码(含嵌套调用)
- 立即检查并执行微任务队列中所有任务(新产生的微任务也会被追加并执行)
- 微任务队列清空后,浏览器可选择进行 UI 渲染,随后取出下一个宏任务
典型代码验证执行顺序
这段代码能清晰暴露机制:
立即学习“Java免费学习笔记(深入)”;
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 则要等到下一轮宏任务开始。

















