j*ascript的事件循环是什么_它如何影响代码执行？

---

事件循环协调调用栈、宏任务队列和微任务队列，确保异步非阻塞：每轮仅执行一个宏任务，但清空全部微任务；Promise.then属微任务，setTimeout属宏任务，故前者总先执行。

J*aScript 的事件循环（Event Loop）是它实现异步非阻塞行为的核心机制。它不负责执行代码，而是协调调用栈（Call Stack）、任务队列（Task Queue，也叫宏任务队列）和微任务队列（Microtask Queue）之间的协作，确保代码既响应及时又不卡住主线程。

调用栈空了，才轮到事件循环干活

JS 是单线程的，所有同步代码都在调用栈里顺序执行。一旦栈清空，事件循环立刻检查：有没有微任务？有就一个个执行完，中间不插队；微任务清空后，再取一个宏任务（比如 setTimeout 回调、用户点击事件）推入调用栈执行。

• 微任务包括：Promise.then/catch/finally、queueMicrotask()、MutationObserver 回调
• 宏任务包括：setTimeout、setInterval、I/O、UI 渲染、postMessage
• 每次“一轮循环”只处理一个宏任务，但会清空当次全部微任务

为什么 Promise.then 总比 setTimeout 先执行？

因为 Promise 回调属于微任务，setTimeout 属于宏任务。即使 setTimeout 设为 0ms，它也要等当前宏任务结束 + 所有微任务跑完，才能排队等待下一轮循环。

例如：

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

输出顺序是：1 → 4 → 3 → 2。同步代码先走完（1、4），然后清空微任务（3），最后执行下一个宏任务（2）。

FlowMuse AI

节点式AI视觉创作引擎

85 查看详情

渲染和事件循环的关系很紧密

浏览器会在每个宏任务执行完后，尝试进行一次 UI 渲染（重排、重绘）。但如果你在单个宏任务里做了大量同步计算（比如长循环），渲染就会被卡住——因为事件循环没机会进入“检查是否需要渲染”的阶段。

• 想让页面保持响应，别把耗时操作塞进一个函数里硬算
• 可用 setTimeout(fn, 0) 或 queueMicrotask() 拆分任务，给渲染留出时机
• requestAnimationFrame 是一种特殊的宏任务，专为动画优化，优先级高于普通 setTimeout

async/await 本质还是微任务链

async 函数返回 Promise，await 后面的表达式一旦 resolve，后续代码会被包装成微任务。所以多个 await 并不会创建新宏任务，它们串在同一个微任务流里，仍比下一个 setTimeout 快。

理解这点能帮你预判复杂异步逻辑的执行节奏，避免误以为 “await 等待 = 阻塞整个线程”。

基本上就这些。事件循环不是黑箱，它规则简单、可预测——关键在于分清宏任务和微任务，以及它们触发的时机。写异步代码时多想想“这段回调会进哪个队列”，很多看似奇怪的执行顺序就自然明白了。

以上就是j*ascript的事件循环是什么_它如何影响代码执行？的详细内容，更多请关注其它相关文章！

# 就会  # 江西seo优化教程公司  # 东莞网站建设与推广  # 盘锦抖音seo外包  # 京东关键词排名是按什么排的  # seo技术口诀  # 新疆seo推广哪家强  # 3微商推广网站  # 浙江线上营销推广方式  # seo穿刺取精优化软件  # 青岛一站式网站优化  # 也要  # 多个  # 都在  # 是一种  # javascript  # 有何区别  # 可以实现  # 清空  # 回调  # 有哪些  # 为什么  # 重绘  # 点击事件  # ai  # 栈  # 浏览器  # js  # java 

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

相关推荐： Dash应用多值文本输入处理与类型转换教程  菜鸟裹裹怎样获得取件码_菜鸟裹裹获得取件码步骤  在Spring Boot Thymeleaf中利用布尔属性实现容器的条件显示  sublime text 4如何安装_最新版sublime下载与汉化教程  在VS Code中进行数据科学和机器学习开发  韩小圈网页版PC端入口 韩小圈网页版官方网站入口  《金山词霸》语音翻译方法  《跳跳舞蹈》循环播放方法  折叠屏手机充不进电是什么问题？ 特殊结构带来的维修难点  PHP动态导航按钮：根据用户登录状态切换链接与文本  win11自带录屏文件保存在哪里 Win11 Game Bar录制视频默认路径【分享】  C#解析来自网络的XML流数据 实时错误处理与重试机制  mysql归档数据怎么导出为csv_mysql归档数据导出为csv文件的方法  Win10锁屏时间怎么设置 Win10调整自动锁屏时间方法  TikTok搜索结果不显示怎么办 TikTok搜索刷新与优化方法  excel怎么制作考勤表 excel考勤模板与函数公式讲解  QQ邮箱PC端登录页面_QQ邮箱网页版登录界面  铁路12306买票怎么选双人铺 铁路12306卧铺分配规则说明  《大润发优鲜》充值方法介绍  vivo手机视频通话美颜怎么设置_vivo视频通话美颜开启方法  TikTok笔记文字无法编辑如何解决 TikTok笔记文字编辑优化方法  抖音号已注销怎么解绑企业认证？不解绑企业认证会怎样？  第五人格PC版怎么避免被封号_第五人格PC版防封号注意事项  高德地图怎么查看未来行程规划_高德地图未来行程规划查看方法  search中maxlength属性用法解析  大众点评了却看不到是怎么回事  谷歌浏览器怎么把网页翻译成中文_Chrome网页翻译功能使用方法  WooCommerce购物车：强制显示所有交叉销售商品教程  抖音火山版如何进行提现  人教版电子教材在线获取指南  大熊猫抓取竹子的“大拇指”其实是什么？蚂蚁庄园课堂今天答案最新11月30日  126手机126邮箱登录_126邮箱手机登录入口官网  三星A55应用闪退排查步骤_Samsung A55稳定性优化技巧  AO3官方镜像链接 | 最新防走失网址永久收藏  解决VS Code中Python版本冲突与输出异常的指南  windows10怎么开启wsl_windows10安装linux子系统教程  创建快捷方式启动系统保护  Go语言中方法与接收器：指针和值类型的调用机制详解  MySQL多重关联查询：利用别名高效获取同一表的多个关联字段  谷歌学术论文搜索引擎 谷歌学术官网入口论坛永久链接  Safari浏览器自动填表功能失效怎么办 Safari表单管理修复  KFC邀请码怎么使用领额外优惠_KFC邀请码输入方式与额外优惠代码获取方法  使用Python和NLTK从文本中高效提取名词的实用教程  德邦快递查询入口登录官网 德邦快递单号查询系统入口  苹果手机聊天记录删除了如何恢复  C++如何实现单例模式_C++线程安全的单例模式写法  mysql触发器如何编写_mysql触发器编写规范与代码示例讲解  《腾讯相册管家》注销账号方法  餐馆菜篮选购指南  《爱南宁》认证电动车方法 

 2025-12-17