javascript中的事件循环如何工作_为什么理解它很重要

事件循环是JavaScript异步执行的核心机制，其执行顺序为：清空调用栈→执行所有微任务→取一个宏任务→重复。微任务（如Promise.then）优先级高于宏任务（如setTimeout），故输出顺序为1→4→3→2。

JavaScript 的事件循环（Event Loop）是理解异步行为的核心机制。它决定了代码何时执行、回调如何排队、为什么 setTimeout 不会“准时”、以及为什么长时间运行的同步代码会让页面卡死——这些都不是 bug，而是事件循环按设计工作的结果。

事件循环的基本流程：调用栈 + 任务队列

JavaScript 是单线程的，只有一个主线程执行代码。事件循环持续监控两个关键部分：

• 调用栈（Call Stack）：当前正在执行的函数堆叠，遵循后进先出（LIFO）规则。
• 任务队列（Task Queue，也叫宏任务队列）：存放来自 DOM 事件、setTimeout、setInterval、setImmediate（Node.js）等产生的回调函数。
• 微任务队列（Microtask Queue）：存放 Promise.then/catch/finally、MutationObserver、queueMicrotask 等产生的回调，优先级高于宏任务。

事件循环每轮执行顺序是：清空当前调用栈 → 执行所有微任务（直到微任务队列为空）→ 取一个宏任务执行 → 再清空微任务 → 继续下一轮。这个顺序解释了为什么 Promise 总比 setTimeout 先执行，哪怕后者延时为 0。

宏任务 vs 微任务：实际执行顺序的关键

下面这段代码的输出顺序常让人困惑，但事件循环能清晰解释：

立即学习“Java免费学习笔记（深入）”；

标签： javascript java js node.js node 回调函数 栈 ai 为什么