J*aScript中的事件循环是什么_它如何管理代码的执行顺序呢

新闻中心 NEWS CENTER

2025-12-16

浏览次数：次

事件循环是J*aScript异步编程的核心机制，由宿主环境提供，协调同步代码、微任务（如Promise.then）和宏任务（如setTimeout）的执行顺序；其流程为：执行同步代码→清空微任务队列→执行一个宏任务→重复。

javascript中的事件循环是什么_它如何管理代码的执行顺序呢

J*aScript中的事件循环（Event Loop）是它实现异步编程的核心机制，负责协调同步代码、回调函数、微任务和宏任务的执行顺序。它不是J*aScript语言本身的一部分，而是由宿主环境（比如浏览器或Node.js）提供的运行时机制。

理解事件循环，得先看清三个关键角色：

调用栈（Call Stack）：后进先出（LIFO），用于执行同步代码。函数调用就入栈，执行完就出栈。
宏任务队列（Callback Queue / Task Queue）：存放setTimeout、setInterval、I/O、UI渲染等宏任务的回调。
微任务队列（Microtask Queue）：存放Promise.then/catch/finally、queueMicrotask()、MutationObserver等微任务的回调。

注意：微任务队列的优先级高于宏任务队列——每次调用栈清空后，引擎会先清空整个微任务队列，再取一个宏任务执行。

当一段JS代码开始运行，事件循环按如下节奏工作：

举个例子：

console.log(1);
setTimeout(() => console.log(2), 0);
Promise.resolve().then(() => console.log(3));
console.log(4);
// 输出顺序：1 → 4 → 3 → 2

原因：1和4是同步代码，立即执行；Promise.then是微任务，排在同步之后、下一个宏任务之前；setTimeout是宏任务，在下一轮事件循环才执行。

达芬奇

达芬奇——你的AI创作大师

166 查看详情达芬奇

区分它们对预测执行顺序至关重要：

常见宏任务：setTimeout、setInterval、setImmediate（Node.js）、I/O操作、用户交互事件（click、input）、UI渲染（浏览器中的一帧）
常见微任务：Promise链中的所有then/catch/finally、queueMicrotask()、Object.observe（已废弃）、MutationObserver回调

注意：async/await本质是Promise语法糖，await后面的代码会被包装成微任务，所以async函数内部的await之后逻辑，总比同级的setTimeout回调更早执行。