首页 > web前端 > js教程 > 正文

什么是javascript事件循环_它怎样管理任务队列?

夢幻星辰
发布: 2025-12-19 17:03:35
原创
779人浏览过
JavaScript事件循环通过宏任务和微任务队列实现分时调度,每次执行一个宏任务后立即清空全部微任务,故Promise.then比setTimeout(0)先执行。

什么是javascript事件循环_它怎样管理任务队列?

JavaScript 事件循环是运行时处理异步操作的核心机制,它让单线程的 JS 能够非阻塞地执行代码。关键不在于“多线程”,而在于“分时调度”——把任务按类型放进不同队列,再按规则轮流取出来执行。

宏任务和微任务:两种队列,不同优先级

事件循环管理的不是单一队列,而是两类任务队列:

  • 宏任务(Macrotask):包括整体脚本、setTimeoutsetIntervalI/OUI 渲染等。每次事件循环只执行一个宏任务。
  • 微任务(Microtask):包括 Promise.then/catch/finallyqueueMicrotask()MutationObserver 回调等。只要当前宏任务执行完,就立刻清空全部微任务队列,一个不剩。

一次事件循环的典型流程

它不是“一直轮询”,而是有明确步骤的协作过程:

  • 执行一个宏任务(比如主线程脚本或某个定时器回调)
  • 遇到 PromisequeueMicrotask,把回调推入微任务队列
  • 宏任务执行完,立即执行所有排队中的微任务(按插入顺序)
  • 浏览器可能在此刻进行 UI 渲染(但不是每次必做)
  • 从宏任务队列中取下一个任务,重复上述过程

为什么 setTimeout(setImmediate) 不一定比 Promise 快?

因为执行时机由队列类型决定,不是谁先写谁先跑:

寻光
寻光

阿里达摩院寻光视频创作平台,以视觉AIGC为核心功能,用PPT制作的方式创作视频

寻光 240
查看详情 寻光

立即学习Java免费学习笔记(深入)”;

  • 即使 setTimeout(fn, 0) 设置为 0 毫秒,它仍是宏任务,要等当前宏任务 + 所有微任务做完才轮到
  • Promise.resolve().then(fn) 是微任务,会在当前宏任务结束后立刻执行
  • 所以 console.log(1); setTimeout(() => console.log(2)); Promise.resolve().then(() => console.log(3)); console.log(4); 输出是 1 → 4 → 3 → 2

实际开发中要注意什么?

理解事件循环能帮你避开常见陷阱:

  • 不要依赖 setTimeout(..., 0) 实现“马上执行”,它不比微任务快
  • 大量连续的 Promise.then 可能阻塞渲染,可考虑用 setTimeout 切成宏任务来让出控制权
  • 想确保 DOM 更新已生效再操作?用 queueMicrotask(在渲染前)或 requestAnimationFrame(在渲染后)

基本上就这些。事件循环不复杂,但容易忽略微任务的“即时性”和宏任务的“延迟性”——把握住这个节奏,异步逻辑就清晰多了。

以上就是什么是javascript事件循环_它怎样管理任务队列?的详细内容,更多请关注php中文网其它相关文章!

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号