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

---

J*aScript通过事件循环实现异步，宏任务与微任务决定执行顺序；2. 每个宏任务后立即执行所有微任务；3. 微任务优先级高于宏任务，如Promise.then在setTimeout前执行。

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

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

在 J*aScript 中，任务被分为两类：宏任务和微任务。

宏任务包括：

• 整体代码块（script）
• setTimeout 回调
• setInterval 回调
• I/O 操作
• UI 渲染

微任务包括：

• Promise.then/catch/finally 回调
• MutationObserver 回调
• queueMicrotask()
• process.nextTick()（Node.js 环境）

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

事件循环的执行流程

事件循环遵循以下步骤：

• 执行同步代码（第一个宏任务）
• 遇到异步操作时，将其回调注册到对应的队列中（宏或微任务队列）
• 当前宏任务执行完毕后，立即执行微任务队列中的所有任务
• 微任务清空后，进行 UI 渲染（如果需要），然后开始下一个宏任务

这个“宏任务 → 所有微任务 → 下一个宏任务”的模式是理解异步执行顺序的核心。

实际执行顺序示例分析

看下面这段代码：

白瓜面试

白瓜面试 - AI面试助手,辅助笔试面试神器

162 查看详情 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'

微任务的优先级高于宏任务

微任务的一个关键特性是：它们会在当前宏任务结束后立即执行，不会等待下一次事件循环。

这意味着：

• 即使 setTimeout 设置为 0ms，它也会在所有微任务之后执行
• 多个微任务会按入队顺序连续执行，中间不会插入宏任务
• 使用 queueMicrotask 可以手动添加微任务，其执行时机与 Promise.then 相同

例如：

queueMicrotask(() => console.log('micro1')); setTimeout(() => console.log('macro'), 0); queueMicrotask(() => console.log('micro2'));

输出顺序为：micro1 → micro2 → macro

基本上就这些。掌握宏任务与微任务的执行顺序，能帮助你准确预测异步代码的行为，避免常见的逻辑错误。不复杂但容易忽略。

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

# 结束后  # 铜川网站关键词排名公司  # 南通网站推广建设开发  # 早教推广营销文案范文大全  # 莱芜网站建设推广  # 福清一般seo技术  # 贵溪企业网站推广服务  # 网站推广策划书模板图  # 郴州seo优化厂家批发  # 网站推广排名情况  # 营销网站建设厂家报价表  # 将其  # 多个  # 第一个  # 事件循环  # 输入框  # 自定义  # 会在  # 清空  # 步进  # 回调  # mac  # node  # node.js  # js  # java  # javascript 

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

相关推荐： Sublime怎么快速复制文件路径_Sublime右键菜单增强技巧  苹果iPhone14ProMax如何新建AppleID_iPhone14ProMax新建AppleID具体流程  解决CSS容器溢出问题：使用calc()实现精确布局与边距控制  菜鸟裹裹怎样获得取件码_菜鸟裹裹获得取件码步骤  Python项目中的条件导入：解决跨模块依赖问题  狙击外星人小游戏在线链接_狙击外星人小游戏网页链接  店铺如何做视频号推广？做视频号推广有用吗？  edge浏览器怎么修改语言为中文_Edge界面语言切换教程  包子漫画在线观看入口 包子漫画网正版全集链接  使用CSS :has() 选择器实现父元素样式控制：从子元素反向应用样式  金牛福袋获取攻略  感染了幽门螺杆菌一定会导致胃癌吗？蚂蚁庄园今日答案最新11.30  win11怎么启用或禁用休眠 Win11 powercfg命令管理休眠文件【技巧】  iPhone14无法连接蓝牙设备如何解决  《百果园》充值余额方法  花生壳内网映射新方案  C#中的Record类型有什么优势？C# 9新特性Record与Class的用法区别  word怎么将图片设置为页面背景并不影响打印_Word图片背景设置方法  苹果手机缓存怎么清除_苹果手机缓存如何清除iphone各版本操作步骤  mysql如何管理数据库账户_mysql数据库账户管理技巧  鲁班大师乓乓皮肤获取方法  VS Code快捷键when上下文子句的妙用  苹果11如何更换iCloud账号_苹果11账号切换的具体步骤  在React中正确处理HTML input type="number"的数值类型  使用 .htaccess 正确配置 WordPress 子目录重定向与路径保留  Golang如何操作指针参数_Go pointer参数传递规则  ao3入口镜像地址 ao3镜像入口可靠跳转  Pandas中基于动态偏移量实现DataFrame列值位移的策略  c++如何掌握指针的核心用法_c++指针入门到精通指南  sublime如何自定义文件类型图标_AFileIcon插件的主题切换与个性化配置  mysql通配符能用于日志查询吗_mysql通配符在系统日志查询中的实际使用方法  Go语言中方法接收器的选择：值类型还是指针类型？  手机自动关机是怎么回事？如何修复？手机异常关机的原因排查与修复技巧  VB表达式书写规则解析  解决Windows上Composer PATH变量冲突导致的命令无法识别问题  家里的小飞虫总是不断，用什么方法可以彻底根除？  263企业邮箱如何设置邮件转发功能  《淘宝联盟》推广自己的店铺方法  composer 提示 "requires ext-soap" 缺少 SOAP 扩展怎么办？  外卖小程序对接第三方配送  win11怎么设置默认终端为Windows Terminal Win11替代CMD和PowerShell【技巧】  个人所得税办理入口 个人所得税综合所得年度汇算入口  AO3中文版手机快速通道_AO3最新稳定链接更新  j*a中ArrayBlockingQueue的使用  冬季去寒冷地区旅游，以下哪种做法有助于缓解冻伤  《飞猪旅行》购买汽车票方法  解决Pandas DataFrame高度碎片化警告：高效创建多列的策略  《狐友》联系客服方法  123平台官方登录入口 123邮箱网页端在线沟通工具  创建快捷方式启动系统保护 

 2025-11-27