HTML微任务与宏任务执行顺序解析
2026-05-13 21:36:32
0浏览
收藏
本文深入剖析了HTML中script标签执行与JavaScript事件循环机制的底层关系，明确指出script同步代码本质是宏任务，而Promise.then、queueMicrotask等才是真正的微任务来源；强调微任务队列总在每个宏任务结束后被清空，且期间浏览器不渲染，导致高频微任务可能阻塞UI更新；同时澄清常见误区（如fetch.then是微任务但fetch本身是宏任务），并揭示嵌套微任务链式追加带来的性能与状态陷阱——读懂它，才能真正掌控前端异步执行节奏与页面响应表现。
微任务和宏任务的执行顺序不是靠 HTML 写出来的，而是由 JavaScript 引擎在浏览器中按事件循环规则自动调度的；