JavaScript 中的事件循环与微任务：一次代码执行顺序的排查记录

前几天在项目里遇到一个奇怪的现象：一个按钮点击后，先更新了状态，然后通过 Promise 触发了一个日志上报，但日志里的数据却是旧的。排查后发现，问题出在微任务和事件循环的配合上。很多人对 setTimeout、Promise.then、queueMicrotask 的执行顺序停留在背诵面试题的层面，一旦放进真实代码里，尤其是和 DOM 更新、异步请求、状态管理库混在一起，就很容易写出意料之外的行