JavaScript事件循环是单线程异步执行的核心机制，通过协调调用栈、宏任务队列与微任务队列实现；每轮先执行一个宏任务，再清空所有微任务，最后渲染（浏览器），确保微任务总优先于下一宏任务执行。
JavaScript 的事件循环（Event Loop）是它实现单线程异步执行的核心机制。它不靠多线程，而是通过协调调用栈、任务队列和微任务队列，让异步操作（如定时器、网络请求、Promise）能在主线程空闲时有序执行。
调用栈与任务的执行顺序
JS 是单线程语言，所有同步代码都在调用栈中按顺序执行。一旦遇到异步操作（比如 setTimeout 或 fetch），JS 引擎不会卡住等待结果，而是把回调函数交给宿主环境（如浏览器或 Node.js）去处理。等异步条件满足后，回调被推入对应的任务队列，等待事件循环调度。
- 同步任务直接进入调用栈，执行完即出栈
- 宏任务（macrotask）如
setTimeout、setInterval、I/O回调，进入宏任务队列 - 微任务（microtask）如
Promise.then、queueMicrotask、MutationObserver，进入微任务队列
事件循环的三步工作流程
每次循环，事件循环按固定顺序推进：
- 先执行一个宏任务（比如从宏任务队列取一个
setTimeout回调） - 宏任务执行完毕后，立即清空当前所有微任务（逐个执行，且新加入的微任务也会在本轮执行完）
- 渲染（浏览器环境）→ 下一轮循环，再取下一个宏任务
这意味着：微任务总比下一个宏任务更早执行。例如 Promise.then 一定在 setTimeout 之前运行，哪怕后者先定义。
立即学习“Java免费学习笔记（深入）”；
宏任务与微任务的典型例子
理解它们的优先级对调试执行顺序很关键：
-
宏任务：主脚本整体、
setTimeout、setInterval、setImmediate（Node.js）、I/O 回调、UI 渲染 -
微任务：
Promise.then/catch/finally、queueMicrotask、process.nextTick（Node.js）、MutationObserver
注意：process.nextTick 在 Node.js 中优先级高于其他微任务；而浏览器中没有该 API。
实际开发中的影响与建议
事件循环行为直接影响代码可预测性：
- 避免在微任务中无限递归调用
queueMicrotask，会阻塞渲染和后续宏任务 - 大量 Promise 链可能堆积微任务，造成界面短暂卡顿，可考虑用
setTimeout切割成宏任务 - 想确保 DOM 更新完成后再执行逻辑，可用
queueMicrotask（比setTimeout(0)更快更可靠） - 调试时用
console.log不足以判断顺序，建议结合performance.now()或开发者工具的“Event Log”查看真实执行流
不复杂但容易忽略。掌握事件循环，才能写出响应及时、逻辑清晰的异步代码。
