JavaScript 中宏任务与微任务的本质区别与底层执行顺序对比-js教程-PHP中文网

宏任务与微任务的本质区别在于调度时机和队列层级：宏任务由宿主环境注入、事件循环每次执行一个；微任务由JS引擎同步注册、每次宏任务后必须清空整个队列。

javascript 中宏任务与微任务的本质区别与底层执行顺序对比

宏任务和微任务的本质区别，不在“谁更快”，而在于它们被调度的时机和所属的队列层级不同。JavaScript 引擎不直接决定“哪个先跑”，而是由事件循环（Event Loop）按固定节奏协调：每次只取一个宏任务执行，但只要微任务队列非空，就必须一口气清空它——这个“清空”动作才是微任务看起来“总在前面”的真正原因。

本质区别：来源、队列与调度权归属

宏任务由宿主环境（浏览器或 Node.js）注入任务队列，比如 setTimeout 是浏览器定时器线程触发后通知 JS 主线程的；setInterval、I/O 回调、UI 渲染、甚至整个 <script></script> 标签内容本身，都属于宏任务。它们排队等待事件循环“轮到我”，每次只执行一个。

微任务则由 JavaScript 引擎自身在同步代码执行过程中“当场注册”，比如 Promise.then 不是等某个外部系统回调，而是在 Promise 状态变更时，引擎立刻把它放进微任务队列。它的调度不依赖外部线程，也不受时间延迟影响，只等当前宏任务收尾。

简单说：宏任务是“别人给的任务”，微任务是“自己记下的待办”。

执行顺序：不是“插队”，而是“强制结算”

事件循环每一轮的流程是确定的：

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

执行一个宏任务（例如：当前 script、一个 setTimeout 回调、一次 click 事件处理）
立即检查并全部执行完当前微任务队列中的所有任务（哪怕执行中又新增了微任务，也一并追加并执行）
（浏览器环境下）可能触发 UI 渲染
回到第一步，取下一个宏任务

关键点在于“清空”二字——微任务队列不会只执行一个就停，而是持续执行直到为空。所以 Promise.resolve().then(...).then(...) 的两个回调会连续输出，中间不会插入任何宏任务。

常见类型对照（带优先级提示）

注意：process.nextTick（Node.js）比普通微任务还早，它在本轮宏任务结束、微任务开始前就执行，属于“超微任务”；而 requestAnimationFrame 位置特殊，通常在微任务之后、渲染之前运行。

典型宏任务：setTimeout、setInterval、I/O 回调、UI 渲染、<script></script> 全局代码、用户事件（click、input）
典型微任务：Promise.then/catch/finally、queueMicrotask、MutationObserver 回调、process.nextTick（Node.js）

一个能看清链条的示例

这段代码的输出顺序是：1 → 2 → 4 → 5 → 3

console.log(1); // 同步
setTimeout(() => console.log(3), 0); // 宏任务
Promise.resolve()
  .then(() => console.log(2))
  .then(() => console.log(4))
  .then(() => console.log(5));
console.log(2); // 同步

解释：