0

0

javascript中什么是事件循环_它如何管理异步任务【教程】

夜晨

夜晨

发布时间:2026-01-28 13:52:02

|

513人浏览过

|

来源于php中文网

原创

事件循环是JavaScript运行时内建的永不停歇调度模型,决定setTimeout、Promise.then等执行顺序;微任务(如Promise.then)在宏任务后立即清空执行,宏任务(如setTimeout)需等待当前宏任务及所有微任务完成才执行。

javascript中什么是事件循环_它如何管理异步任务【教程】

事件循环不是你手动开启的机制,而是 JavaScript 运行时(浏览器或 Node.js)内建的、永不停歇的调度模型——它决定 setTimeoutPromise.then、用户点击这些代码到底谁先跑、谁后跑。

为什么 setTimeout(() => console.log(2), 0) 总比 Promise.resolve().then(() => console.log(1)) 晚执行?

因为事件循环每次只取一个宏任务(如 setTimeout 回调),但会在该宏任务结束后、下一个宏任务开始前,**清空整个微任务队列**。

  • Promise.resolve().then(...) 是微任务,进微任务队列,紧接在同步代码之后立刻执行
  • setTimeout 是宏任务,进宏任务队列,必须等当前宏任务(比如整个脚本)+ 所有微任务都跑完,才轮到它
  • 哪怕延迟写 0,浏览器也至少按 ≥4ms 处理;标签页非活跃时可能被节流到 1000ms

async/awaitawait 后面代码,其实是在微任务里执行

await 并不“暂停函数”,而是把后续逻辑自动包装成 Promise.then —— 所以它属于微任务,不是同步,也不是宏任务。

  • 这意味着:一个 await Promise.resolve() 后的语句,会排在当前宏任务末尾、所有已排队的 Promise.then 之后,但一定早于下一个 setTimeout
  • 不要指望 await 能“让出渲染帧”;需要视觉更新,得用 requestAnimationFramesetTimeout 配合强制重排
  • await 内部的 Promise 构造器函数(executor)仍是同步执行的,只有 resolve() 调用才触发微任务入队

什么时候该用 setTimeout(fn, 0),什么时候该用 queueMicrotask(fn)

两者都能“让出主线程”,但粒度和语义完全不同。

星绘
星绘

豆包旗下 AI 写真、P 图、换装和视频生成

下载

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

  • setTimeout(fn, 0):推入宏任务队列 → 下一轮事件循环才执行 → 适合需要“真正延后一帧”、避免阻塞渲染或响应输入的场景(比如分片处理大数组)
  • queueMicrotask(fn):推入微任务队列 → 当前宏任务结束后立即执行 → 更轻量、无最小延迟限制,适合需紧随当前操作之后执行的逻辑(如 DOM 更新后立即读取 offsetHeight)
  • 滥用 setTimeout(, 0) 会产生大量宏任务,增加调度开销;而 queueMicrotask 在 Node.js 和现代浏览器中均已原生支持,兼容性足够好

最常被忽略的一点:事件循环本身没有“暂停”或“控制权交还”的 API,你无法干预它的节奏。所谓“异步”,本质是把回调交给运行时环境(浏览器多线程模块或 Node.js libuv)去监听完成信号,再按宏/微任务规则排队——理解这个链条,才能不被 console.log 的顺序骗到。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
线程和进程的区别
线程和进程的区别

线程和进程的区别:线程是进程的一部分,用于实现并发和并行操作,而线程共享进程的资源,通信更方便快捷,切换开销较小。本专题为大家提供线程和进程区别相关的各种文章、以及下载和课程。

503

2023.08.10

Python 多线程与异步编程实战
Python 多线程与异步编程实战

本专题系统讲解 Python 多线程与异步编程的核心概念与实战技巧,包括 threading 模块基础、线程同步机制、GIL 原理、asyncio 异步任务管理、协程与事件循环、任务调度与异常处理。通过实战示例,帮助学习者掌握 如何构建高性能、多任务并发的 Python 应用。

166

2025.12.24

java多线程相关教程合集
java多线程相关教程合集

本专题整合了java多线程相关教程,阅读专题下面的文章了解更多详细内容。

12

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

14

2026.01.21

Python 多线程与异步编程实战
Python 多线程与异步编程实战

本专题系统讲解 Python 多线程与异步编程的核心概念与实战技巧,包括 threading 模块基础、线程同步机制、GIL 原理、asyncio 异步任务管理、协程与事件循环、任务调度与异常处理。通过实战示例,帮助学习者掌握 如何构建高性能、多任务并发的 Python 应用。

166

2025.12.24

java多线程相关教程合集
java多线程相关教程合集

本专题整合了java多线程相关教程,阅读专题下面的文章了解更多详细内容。

12

2026.01.21

C++多线程相关合集
C++多线程相关合集

本专题整合了C++多线程相关教程,阅读专题下面的的文章了解更多详细内容。

14

2026.01.21

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

513

2023.06.20

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

157

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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