讲师中心 微信公众号
AI工具推荐 视频效率加速

如何理解JavaScript中的事件循环机制_JavaScript如何实现非阻塞异步操作

落雪同学_4150

落雪同学_4150

发布时间:2026-01-07 17:18:09

|

882人浏览过

|

来源于php中文网

原创

事件循环的核心是调用栈清空后先执行完所有微任务,再执行一个宏任务;setTimeout(fn, 0) 不立即执行,因属宏任务,需等同步代码和微任务完成后才运行。

如何理解javascript中的事件循环机制_javascript如何实现非阻塞异步操作

事件循环的核心:调用栈、任务队列与微任务队列的协作

JavaScript 是单线程语言,靠事件循环(Event Loop)协调同步代码执行与异步回调调度。关键不是“多线程”,而是“分时交出控制权”——当 call stack 清空后,引擎主动从 microtask queue(如 Promise.then、queueMicrotask)取任务执行,直到队列为空;再检查 macrotask queue(如 setTimeout、setInterval、I/O 回调),取一个执行。

这个顺序决定了实际执行优先级:microtask 总是插在每次宏任务结束之后、下一个宏任务开始之前,且会清空整个微任务队列。

为什么 setTimeout(fn, 0) 不会立即执行

setTimeout 注册的是宏任务,即使延迟为 0,也要等当前调用栈清空 + 所有已排队微任务执行完,才轮到它。这是最常被误解的点。

  • 当前同步代码(如 console.log('a'))一定先于 setTimeout(..., 0) 的回调
  • 所有已存在的 Promise.then 回调会在该 setTimeout 回调之前执行
  • 浏览器最小延迟约 4ms(setTimeout 实际不会低于此值),但 Node.js 中可接近 1ms
console.log('1');
setTimeout(() => console.log('2'), 0);
Promise.resolve().then(() => console.log('3'));
console.log('4');
// 输出:1 → 4 → 3 → 2

非阻塞异步操作的本质:不等结果,只注册回调

JavaScript 的异步能力不来自语言本身,而来自宿主环境(浏览器或 Node.js)提供的 Web API 或 libuv 接口。这些 API 在后台线程或系统调用中执行耗时操作(如网络请求、文件读取、定时器),JS 主线程只做两件事:发起调用 和 注册回调,中间不挂起线程。

Expanso json-flatten
Expanso json-flatten

通过 CLI 或 MCP 服务器,使用 Expanso Edge 管道扁平化嵌套 JSON 对象。

下载

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

  • fetch() 立即返回一个 Promise,不等响应到达
  • fs.readFile()(Node.js)触发系统 I/O 后立刻返回,不等待磁盘读完
  • 回调函数被推入对应的任务队列(微任务或宏任务),由事件循环后续调度

真正的“非阻塞”,是 JS 引擎不参与耗时计算,把活交给底层,自己只管排队和分发。

容易踩坑的典型场景

实际开发中,错误常源于对任务队列层级的误判,尤其是混合使用 Promise、async/await 和 setTimeout 时。

  • await 后的表达式一旦是 Promise,其 then 回调属于微任务;但 await 之后的代码会被编译成微任务链,不是同步执行
  • process.nextTick()(Node.js)比 Promise.then 更早执行,但它不属于标准 Event Loop 规范,仅 Node 特有
  • 在 requestAnimationFrame 回调里修改 DOM,再用 setTimeout 读取布局,可能读不到更新后的尺寸——因为 rAF 属于宏任务,但渲染发生在宏任务之后、下一轮事件循环之前,时机需用 queueMicrotask 或 getComputedStyle 配合判断

真正难的不是记住规则,而是意识到:你写的每行 JS 代码,都在某个明确的任务队列层级里排队,而“看起来像同步”的 await 其实是语法糖,背后仍是微任务调度。

热门AI工具

更多
音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

SkildArt
SkildArt Hot

SkildArt是一款AI文本写作工具,一站式 AI 视觉创作平台。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

相关专题

更多
硬盘接口类型介绍
硬盘接口类型介绍

硬盘接口类型有IDE、SATA、SCSI、Fibre Channel、USB、eSATA、mSATA、PCIe等等。详细介绍:1、IDE接口是一种并行接口,主要用于连接硬盘和光驱等设备,它主要有两种类型:ATA和ATAPI,IDE接口已经逐渐被SATA接口;2、SATA接口是一种串行接口,相较于IDE接口,它具有更高的传输速度、更低的功耗和更小的体积;3、SCSI接口等等。

3208

2023.10.19

PHP接口编写教程
PHP接口编写教程

本专题整合了PHP接口编写教程,阅读专题下面的文章了解更多详细内容。

5269

2025.10.17

php8.4实现接口限流的教程
php8.4实现接口限流的教程

PHP8.4本身不内置限流功能,需借助Redis(令牌桶)或Swoole(漏桶)实现;文件锁因I/O瓶颈、无跨机共享、秒级精度等缺陷不适用高并发场景。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

3869

2025.12.29

java接口相关教程
java接口相关教程

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

486

2026.01.19

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

6587

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

2728

2023.08.10

线程和进程的区别
线程和进程的区别

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

4638

2023.08.10

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

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

1289

2025.12.24

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

0

2026.11.05

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn