什么是J*aScript事件循环_宏任务与微任务执行顺序如何

---

J*aScript事件循环中宏任务包括全局脚本、setTimeout/setInterval回调等，微任务包括Promise.then、queueMicrotask等；执行顺序为：一个宏任务→全部微任务→下一个宏任务。

J*aScript 是单线程语言，靠事件循环（Event Loop）协调同步任务、异步回调的执行顺序。宏任务（Macrotask）和微任务（Microtask）是事件循环中两类关键任务，它们的执行顺序决定了代码的实际运行时序。

宏任务有哪些

宏任务是事件循环一次“迭代”中执行的主要任务，每次只取一个执行。常见宏任务包括：

• 全局脚本（初始执行的代码）
• setTimeout 和 setInterval 的回调
• setImmediate（仅 Node.js）
• I/O 回调（Node.js 环境）
• UI 渲染（浏览器环境，如重绘、重排）
• postMessage、MessageChannel 消息处理

微任务有哪些

微任务在**当前宏任务结束之后、下一个宏任务开始之前**立即执行，且会清空整个微任务队列。常见微任务包括：

• Promise.then/catch/finally 的回调（注意：Promise 构造器内的执行是同步的）
• queueMicrotask() 注册的函数
• MutationObserver 的回调（DOM 变化监听）
• await 后续代码（本质是 Promise 微任务的语法糖）

执行顺序规则

事件循环按以下固定节奏运转：

Chatbase

从你的知识库中构建一个AI聊天机器人

117 查看详情

1. 执行一个宏任务（如 script、setTimeout 回调）
2. 执行过程中遇到微任务，暂存到微任务队列
3. 当前宏任务执行完后，立即依次执行所有已排队的微任务（直到队列为空）
4. 浏览器可能进行 UI 渲染（可选，非强制步骤）
5. 从宏任务队列中取出下一个宏任务，重复上述流程

关键点：微任务总在宏任务之间「插队」，且一次清空全部；宏任务之间不会插入其他宏任务。

典型例子看执行顺序

下面这段代码能清晰体现层级关系：

console.log(1);
setTimeout(() => console.log(2), 0);
Promise.resolve().then(() => console.log(3));
console.log(4);

输出顺序是：1 → 4 → 3 → 2。解释如下：

• 1 和 4 是同步代码，立即执行
• setTimeout 回调进入宏任务队列（等待下一轮）
• Promise.then 进入微任务队列
• 同步脚本结束后，立刻执行微任务：打印 3
• 然后取下一个宏任务：setTimeout 回调，打印 2

以上就是什么是J*aScript事件循环_宏任务与微任务执行顺序如何的详细内容，更多请关注其它相关文章！

# java  # js  # javascript  # 回调  # 清空  # 有什么区别  # 有哪些  # 重绘  # ai  # mac  # 浏览器  # node  # node.js  # 有何区别  # 网站营销与推广哪个好做  # 游戏推广者官方网站是什么  # 津南区网站优化费用  # 河东区网站优化哪家好  # 怎样看搜索关键词排名榜  # 解决问题  # 中文网  # 相关文章  # 这段  # 如何实现  # 移山社区网站建设图  # 咸宁提高百度关键词排名  # 147seo润色  # 早教营销活动推广方案  # seo美妆店铺描述 

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

相关推荐： sublime怎么快速在浏览器中预览HTML_sublime配置View in Browser教程  Excel如何快速合并单元格内容_Excel文本合并与函数操作技巧  Flask 应用中图片动态更新与上传：实现客户端定时刷新与服务器端文件管理  三角洲行动2025年9月10日摩斯密码分享  iPhone 15 Pro如何查看存储空间占用_iPhone 15 Pro存储空间查看教程  《画加》约稿流程  使用VS Code调试Python代码：从入门到精通  win11讲述人怎么关闭 Win11屏幕朗读辅助功能禁用方法【技巧】  多多买菜门店端app订单查看方法  京东物流快递破损了怎么办_京东快递破损理赔流程  AngularJS动态内容中DOM元素查找的时序问题及$timeout解决方案  海棠阅读网页版_进入海棠网页版在线阅读中心  使用Selenium在无头Chrome中交互动态菜单和复选框的策略  Golang如何初始化module项目_Golang module init使用说明  在PySimpleGUI中实现键盘按键绑定按钮事件  免费占卜在线神算_免费占卜手机神算  解决SQLAlchemy模型跨文件关联的Linter兼容性指南  米侠浏览器插件无法启用怎么办 米侠浏览器扩展兼容性修复  微信客户端怎么查看二维码_微信客户端个人二维码查看方法  C++如何实现单例模式_C++线程安全的单例模式写法  百度识图图像分析 百度识图识别平台  海棠书屋官方在线书籍入口 海棠书屋文学作品浏览官网链接  解决jQuery多计算器输入字段冲突的教程  抖音手机分身两个账号怎么切换？分身两个系统是一样的吗？  qq邮箱格式填写示例 qq邮箱标准填写规范  Win10怎么设置快速启动 Win10开启快速启动设置方法  苹果电脑如何快速截图并编辑 苹果电脑截屏标注快捷操作  wps文字怎么设置文字环绕图片的方式_wps文字如何设置文字环绕图片方式  《东方财富》条件单关闭方法  解决C#跨线程访问XML对象的异常 安全的并发XML处理模式  J*aScript事件处理：优化键盘输入与表单提交的实践指南  家里的小飞虫总是不断，用什么方法可以彻底根除？  Go反射进阶：访问内嵌结构体中的被遮蔽方法  《淘票票》添加到苹果钱包教程  J*a里如何处理ArithmeticException并防止除零_算术异常防护策略解析  虫虫漫画排行榜单入口_虫虫漫画编辑推荐入口  苹果手机如何清理系统缓存数据 iPhone非越狱清理垃圾文件的技巧【系统优化】  冬季去哪个城市旅游更有可能观测到极光  Teambition网盘如何共享文件  在XML中嵌入二进制数据（如图片）的最佳实践是什么？ Base64编码与解析注意事项  如何测试您的网站全球打开速度-网站海外测速工  《跳跳舞蹈》循环播放方法  《米姆米姆哈》米姆获取及技能攻略  抖音号升级企业号怎么改名字？升级企业号有哪些好处？  cad视图选项卡不见了怎么办_cad视图标签恢复显示方法  Sublime怎么自动添加CSS前缀_Sublime安装Autoprefixer插件  Flexbox布局中Stencil组件宽度不显示问题解析与:host尺寸控制  抖音作品被限流怎么办 抖音内容优化与流量恢复方法  歌词怎么展示在|直播|间视频号？有什么注意事项？  PHP多语言网站的实现：会话管理与翻译函数优化教程 

 2025-12-19