宏任务和微任务决定JavaScript事件循环执行顺序:同步代码执行完后先清空所有微任务,再执行下一个宏任务;宏任务包括script、setTimeout、用户事件等,微任务包括Promise.then、queueMicrotask等。

宏任务和微任务是 JavaScript 事件循环里两类不同优先级的异步任务,它们决定了代码实际执行的顺序。简单说:同步代码跑完后,先清空所有微任务,再执行下一个宏任务。
每次事件循环只取一个宏任务来执行,它是调度的基本单位。常见类型包括:
<script></script>标签里的代码本身)宏任务之间互不干扰,每执行完一个,就立刻进入微任务处理阶段。
微任务不参与轮次竞争,而是在当前宏任务结束后、下一个宏任务开始前,一口气全部执行完。常见类型有:
立即学习“Java免费学习笔记(深入)”;
关键点:如果某个微任务里又调用了 Promise.resolve().then() 或 queueMicrotask(),新任务会加入当前微任务队列,继续执行,直到队列彻底为空。
DESTOON B2B网站管理系统是一套完善的B2B(电子商务)行业门户解决方案。系统基于PHP+MySQL开发,采用B/S架构,模板与程序分离,源码开放。模型化的开发思路,可扩展或删除任何功能;创新的缓存技术与数据库设计,可负载千万级别数据容量及访问。
0
一个典型的事件循环步骤是:
setTimeout → 推入宏任务队列;遇到 Promise.then → 推入微任务队列所以即使 setTimeout(fn, 0) 和 Promise.resolve().then(fn) 同时写,后者一定先执行。
它直接影响状态更新时机和 UI 表现。比如:
Promise.then 处理数据更新,能确保 DOM 变更在渲染前完成setTimeout 做延迟或任务切片,避免阻塞主线程基本上就这些。理解清楚谁先谁后,很多“明明写了却没按预期执行”的问题就迎刃而解了。
以上就是如何理解Javascript的宏任务与微任务?的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号