0

0

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

夜晨

夜晨

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

|

842人浏览过

|

来源于php中文网

原创

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

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

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

JavaScript 是单线程语言,靠事件循环(Event Loop)协调同步代码执行与异步回调调度。关键不是“多线程”,而是“分时交出控制权”——当 call stack 清空后,引擎主动从 microtask queue(如 Promise.thenqueueMicrotask)取任务执行,直到队列为空;再检查 macrotask queue(如 setTimeoutsetInterval、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 主线程只做两件事:发起调用注册回调,中间不挂起线程。

降重鸟
降重鸟

要想效果好,就用降重鸟。AI改写智能降低AIGC率和重复率。

下载

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

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

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

容易踩坑的典型场景

实际开发中,错误常源于对任务队列层级的误判,尤其是混合使用 Promiseasync/awaitsetTimeout 时。

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

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

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

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

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

1825

2023.10.19

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

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

594

2025.10.17

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

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

2349

2025.12.29

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

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

45

2026.01.19

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

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

434

2023.07.18

堆和栈区别
堆和栈区别

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

600

2023.08.10

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

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

743

2023.08.10

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

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

375

2025.12.24

Rust内存安全机制与所有权模型深度实践
Rust内存安全机制与所有权模型深度实践

本专题围绕 Rust 语言核心特性展开,深入讲解所有权机制、借用规则、生命周期管理以及智能指针等关键概念。通过系统级开发案例,分析内存安全保障原理与零成本抽象优势,并结合并发场景讲解 Send 与 Sync 特性实现机制。帮助开发者真正理解 Rust 的设计哲学,掌握在高性能与安全性并重场景中的工程实践能力。

19

2026.03.05

热门下载

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

精品课程

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

共58课时 | 5.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

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

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