请解释 JavaScript 中事件轮询（Event Loop）的工作机制，并说明它如何影响异步代码的执行顺序。

回答思路

1. 【回答框架 1】事件循环是 JavaScript 运行时（如浏览器或 Node.js）用来处理异步操作的核心机制。由于 JavaScript 是单线程的，事件循环允许其在不阻塞主线程的情况下执行非阻塞 I/O、定时器、Promise 等异步任务。
2. 【回答框架 2】事件循环的基本流程是：执行栈（调用栈）为空时，事件循环从任务队列（宏任务队列，如 setTimeout 回调、I/O 事件）中取出第一个任务执行，执行过程中可能产生新的微任务。执行栈清空后，事件循环会清空所有微任务队列（如 Promise.then、MutationObserver、queueMicrotask），然后再取下一个宏任务，如此循环。
3. 【回答框架 3】微任务和宏任务的优先级不同：微任务总是在当前宏任务结束后、下一个宏任务开始前被全部处理。这确保了 Promise 的回调能尽快执行。
4. 【回答框架 4】浏览器中典型的执行顺序示例：同步代码 -> 微任务（如 Promise.then） -> 宏任务（如 setTimeout 回调）。需要注意，定时器指定的延迟时间并不精确，实际执行时间可能因事件循环忙而延后。
5. 【回答框架 5】事件循环还与渲染更新有关：浏览器会在适当的时机（通常在宏任务之间）进行渲染，以保持界面响应。
6. 【关键点 1】JavaScript 是单线程，通过事件循环调度异步任务。
7. 【关键点 2】微任务（如 Promise.then）优先于宏任务（如 setTimeout）执行。
8. 【关键点 3】事件循环由执行栈、任务队列和微任务队列组成，遵循取一执行、清空微任务、再取下的循环。
9. 【关键点 4】定时器延迟是近似值，实际时间受事件循环队列长度影响。
10. 【易错点 1】误以为 setTimeout 回调一定在指定延迟后立即执行，实际因事件循环可能延后。
11. 【易错点 2】把微任务与宏任务的优先级混淆，导致预测执行顺序错误。
12. 【易错点 3】忽略 Node.js 与浏览器事件循环阶段的差异，直接类比。