J*aScript事件循环_微任务与宏任务执行机制剖析

---

J*aScript通过事件循环实现异步，宏任务（如setTimeout）和微任务（如Promise.then）交替执行；每次宏任务后清空微任务队列。例如同步代码执行完后，先处理微任务再执行下一个宏任务，async/await基于Promise，后续代码作为微任务执行，因此输出顺序为：script start、async1 start、async2、script end、async1 end、setTimeout。

J*aScript 是单线程语言，通过事件循环（Event Loop）实现异步操作的非阻塞执行。理解微任务与宏任务的执行机制，是掌握 J*aScript 异步编程的关键。

宏任务与微任务的基本概念

在 J*aScript 中，任务被分为两类：宏任务（Macro Task）和微任务（Micro Task）。

• 宏任务：包括整体代码块、setTimeout、setInterval、I/O 操作、UI 渲染等。
• 微任务：包括 Promise.then/catch/finally、MutationObserver、queueMicrotask 等。

每次事件循环中，先执行一个宏任务，然后清空所有可执行的微任务队列，再进入下一个宏任务。

事件循环的执行流程

事件循环按以下顺序运行：

• 从宏任务队列中取出一个任务执行。
• 执行过程中遇到微任务，将其加入微任务队列。
• 当前宏任务执行完毕后，立即清空微任务队列中的所有任务。
• 更新 UI（如果需要），然后开始下一轮循环。

这意味着，微任务总是在当前宏任务结束后、下一个宏任务开始前被集中处理。

常见执行顺序示例解析

看下面这段代码：

console.log('script start');

setTimeout(() => {
  console.log('setTimeout');
}, 0);

Promise.resolve().then(() => {
  console.log('promise1');
}).then(() => {
  console.log('promise2');
});

console.log('script end');

输出顺序为：

AI at Meta

Facebook 旗下的AI研究平台

72 查看详情 script start
script end
promise1
promise2
setTimeout

原因如下：

• 同步代码先执行，打印 'script start' 和 'script end'。
• setTimeout 加入宏任务队列。
• Promise 的 then 回调加入微任务队列。
• 当前宏任务（脚本）执行完后，立即执行所有微任务（两个 then）。
• 下一轮事件循环才执行 setTimeout 回调。

async/await 与微任务的关系

async 函数中的 await 后续代码本质上是 Promise.then 的语法糖，因此会被当作微任务处理。

async function async1() {
  console.log('async1 start');
  await async2();
  console.log('async1 end'); // 这行相当于放入微任务队列
}

async function async2() {
  console.log('async2');
}

console.log('script start');
async1();
console.log('script end');

输出为：

script start
async1 start
async2
script end
async1 end

因为 await async2() 后面的代码被包装成微任务，在本轮宏任务结束后执行。

基本上就这些。搞清楚宏任务和微任务的调度顺序，就能准确预测异步代码的执行结果。不复杂但容易忽略细节。

以上就是J*aScript事件循环_微任务与宏任务执行机制剖析的详细内容，更多请关注其它相关文章！

# 结束后  # 铜仁关键词排名团队  # 大鱼营销抖音seo  # 酒泉网站推广哪家公司好  # 作业网站建设  # 雪茄seo  # 特色营销推广方案模板  # 狗狗书籍网站建设素材  # 临汾网站建设欢迎来电  # 信阳网站建设渠道有哪些  # 绵阳做优化网站  # 就能  # 是在  # 事件循环  # 下一轮  # 输入框  # 完后  # 自定义  # 清空  # 步进  # 回调  # ai  # mac  # java  # javascript 

相关栏目： 【 Google疑问12 】 【 Facebook疑问10 】 【 优化推广96088 】 【 技术知识133117 】 【 IDC资讯59369 】 【 网络运营7196 】 【 IT资讯61894 】

相关推荐： 人教版电子教材在线获取指南  邮编号码查询app有哪些_邮编号码查询推荐app及使用体验  mysql怎么查询数据_mysql基础查询语句使用教程  NumPy 高性能技巧：基于多列条件查找最近邻行索引的向量化实现  什么是Satis，如何用它搭建一个私有的composer仓库？  解决CSS background 属性中 cover 关键字的常见误用  Excel如何设置动态下拉菜单_Excel表格下拉选项快速方法  Cassandra中复合主键、二级索引与ORDER BY排序的限制与解决方案  c++如何掌握指针的核心用法_c++指针入门到精通指南  word邮件合并怎么插入个性化图片_Word邮件合并插入个性化图片方法  《华夏千秋》龙女试炼功法获取方法  解决异步Python机器人中同步操作的阻塞问题  mysql归档数据怎么导出为csv_mysql归档数据导出为csv文件的方法  使用VS Code作为你的个人知识管理系统  智学网app怎么登录忘记密码_智学网app忘记密码找回与重新登录操作方法  如何定制PrimeNG Sidebar的背景颜色  宝妈做视频号该写什么标签话题？宝妈关注的话题有哪些？  知乎APP怎么查看自己被邀请的问题_知乎APP邀请回答记录查看与参与方法  Python测试中模块导入路径解析的最佳实践  创建您的便携版VS Code：让配置随身携带  微信网页版在线登录 微信网页版在线使用入口  高德地图导航路线偏差报警频繁怎么办 高德地图路线偏差修复与优化方法  Word如何将文字快速转成表格 Word文本转换成表格功能使用技巧【效率】  tiktok国际版入口_tiktok官网网页版链接  英国搜索：多数英国人认为语言搜索是未来搜索  顺丰快递单号查询寄件人 顺丰寄件人查询入口  如何配置VS Code作为您Git操作的默认编辑器  背部总是隐隐作痛怎么回事 背痛如何改善  《东方财富》条件单关闭方法  b站网页版入口 哔哩哔哩官方网站直接进入  《随手记》启用语音备注方法  《鹿路通》退余额方法  研招网官方网站招生平台入口_中国研究生招生信息网官网登录  汽水音乐网页版登录 汽水音乐网页端官方入口  晨报|开发商暗示《空洞骑士：丝之歌》DLC开发中 《合金装备4》有望重制  韩剧圈正版官网入口_韩剧圈官方指定登录  苹果iPhone14ProMax如何新建AppleID_iPhone14ProMax新建AppleID具体流程  快手网页版官方访问 快手网页版页面在线打开  在J*a中如何实现在线问答与评分系统_问答评分项目开发方法说明  飞飞漫画漫画阅读官网_飞飞漫画漫画阅读官网进入阅读  抖音火山版注销账号抖音会注销吗 抖音火山版与抖音账号注销关系  J*aScript 数值去小数位处理：多种方法与实践  美发店速赢秘籍  动漫之家观看全集库 动漫之家免费资源网地址  电子白板帮助菜单使用指南  SQLAlchemy 2.0 与 Pydantic 模型类型安全集成指南  CSS如何控制元素外边距_margin实现布局间隔  悟空浏览器网页版链接 悟空浏览器网页版最新有效地址  掌握产品代码正则表达式：避免常见陷阱与精确匹配  谷歌浏览器怎么把网页翻译成中文_Chrome网页翻译功能使用方法 

 2025-11-20