0

0

JavaScript中未决Promise与内存泄漏:await机制的深入解析

霞舞

霞舞

发布时间:2025-10-10 13:59:37

|

610人浏览过

|

来源于php中文网

原创

javascript中未决promise与内存泄漏:await机制的深入解析

本文深入探讨JavaScript中未决(never-resolving)Promise是否会导致内存泄漏。通过解析await操作符与Promise之间引用的工作原理,我们阐明即使Promise永不解决,只要没有其他活动引用,Promise本身及其关联的暂停执行上下文最终都将被垃圾回收,从而不会造成内存泄漏。文章还提供了示例代码并讨论了相关注意事项。

引言:异步操作与内存管理的挑战

在现代JavaScript应用中,异步编程是不可或缺的一部分。Promise和async/await语法极大地简化了异步代码的编写,但也引入了一些关于内存管理的疑问。一个常见的担忧是:如果一个Promise被创建并被await,但它永远不解决(即不进入fulfilled或rejected状态),这是否会导致内存泄漏?特别是,被await暂停的函数执行上下文是否会一直驻留在内存中,从而阻止垃圾回收?

await与Promise的内部机制

要理解未决Promise的内存行为,首先需要深入了解await关键字与Promise之间的交互机制。当一个async函数遇到await表达式时,它会暂停当前函数的执行,并将控制权交还给调用。await表达式的右侧通常是一个Promise对象。

关键点在于,await操作符并不会创建一个从暂停函数到被等待Promise的直接“引用”。相反,它的工作方式更类似于Promise.prototype.then()。当一个函数被await暂停时,JavaScript运行时会将被暂停函数的“恢复点”(即await之后的代码)注册为该Promise的一个回调(handler)。这意味着,是Promise对象本身持有了对该恢复点的引用,以便在Promise解决时能够通知并恢复对应的async函数。

考虑以下示例代码:

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

async function whatHappens() {
  console.log('Function started');
  await neverResolves(); // 在这里暂停
  console.log('This will never happen'); // 永远不会执行
}

function neverResolves() {
  return new Promise(() => {
    // 这个Promise永远不会调用resolve或reject
  });
}

// 主线程循环调用
for (let i = 0; i < 10; i++) {
  whatHappens();
}

在这个例子中,whatHappens函数在遇到await neverResolves()时会暂停。neverResolves()返回的Promise对象内部,会注册whatHappens函数剩余部分的执行上下文作为其回调。

JavaScript垃圾回收原理简述

JavaScript引擎通常采用“可达性”(reachability)原则进行垃圾回收。这意味着,如果一个对象或值可以从根(如全局对象、当前执行栈上的局部变量)通过一系列引用链访问到,那么它就是“可达的”,不能被回收。反之,如果一个对象不再可达,那么它就可以被垃圾回收器清理掉,释放其占用的内存。

未决Promise的内存行为分析

回到核心问题:如果一个Promise永远不解决,并且被await了多次,是否会导致内存泄漏?

Question AI
Question AI

一款基于大模型的免费的AI问答助手、总结器、AI搜索引擎

下载

根据上述await和Promise的工作原理,答案是:不会导致内存泄漏

具体原因如下:

  1. 引用方向: Promise持有对其回调(包括被await暂停的async函数的恢复点)的引用。但被暂停的async函数本身,并不会持有对其所等待Promise的引用。
  2. 可达性: 在上述whatHappens的例子中,每次调用whatHappens()都会创建一个新的Promise实例和一个新的async函数执行上下文。
    • 当whatHappens()调用结束后,如果没有其他地方引用这个async函数调用的结果(即它返回的Promise),那么这个async函数实例本身就变得不可达了。
    • 如果neverResolves()返回的Promise对象本身也没有被其他地方(例如一个全局数组、一个长期存在的变量)引用,那么这个Promise对象也会变得不可达。
    • 一旦Promise对象变得不可达,它所持有的对被暂停async函数恢复点的引用也就不再是“可达引用链”的一部分了。
  3. 垃圾回收: 因此,当Promise对象和被await暂停的async函数实例都变得不可达时,JavaScript的垃圾回收器会将其一并回收。即使Promise从未解决,只要没有外部活跃引用阻止其被回收,内存占用就不会持续增长。

换句话说,await操作本身并不会阻止垃圾回收。它只是建立了一种临时的、有向的引用关系,这种关系会随着Promise和其相关上下文变得不可达而自然断开。

潜在的Promise相关内存泄漏场景

虽然未决的、无外部引用的Promise本身不会导致内存泄漏,但在使用Promise时,仍然存在一些可能导致内存泄漏的场景,需要开发者警惕:

  1. 长期持有Promise引用: 如果你将大量Promise实例存储在一个全局数组、缓存对象或任何长期存在的引用中,即使这些Promise已经解决或永远不会解决,它们以及它们可能引用的数据(如回调函数闭包中的变量)都会被保留在内存中,直到这些外部引用被清除。

    const unresolvedPromises = [];
    
    function createAndStorePromise() {
      const p = new Promise(() => {}); // 未决Promise
      unresolvedPromises.push(p); // 长期持有引用
    }
    
    for (let i = 0; i < 10000; i++) {
      createAndStorePromise(); // 每次调用都会增加内存占用
    }
    // unresolvedPromises 数组会一直持有这些Promise的引用,导致内存泄漏
  2. 泄露resolve或reject函数: Promise的resolve和reject函数通常在Promise的构造函数内部使用。如果这些函数被外部作用域长期引用,它们会阻止与其关联的Promise实例被垃圾回收,即使该Promise已经解决或不再需要。

    let externalResolve;
    const leakyPromise = new Promise(resolve => {
      externalResolve = resolve; // resolve函数被外部引用
    });
    
    // 即使leakyPromise可能不再被直接使用,但只要externalResolve存在,
    // leakyPromise及其闭包环境就无法被回收。

总结与最佳实践

  • 未决Promise本身不会导致内存泄漏: 只要没有其他活跃的引用链指向这些未决的Promise或其关联的暂停async函数上下文,它们最终都将被JavaScript的垃圾回收器清理。await机制并不会创建阻止垃圾回收的循环引用。
  • 关注外部引用: 真正的内存泄漏通常发生在开发者无意中长期持有了Promise实例或其相关的resolve/reject函数引用。
  • 及时清理: 在不需要Promise时,应确保清除所有对其的外部引用,特别是在使用数组或缓存存储Promise时。
  • 超时机制: 对于可能长时间不解决的异步操作,引入超时机制是一种良好的实践。这可以防止应用程序无限期地等待,并有助于释放资源。

通过理解await和Promise的内部工作原理,以及JavaScript垃圾回收机制,我们可以更自信地编写高效且无内存泄漏的异步代码。

相关专题

更多
js获取数组长度的方法
js获取数组长度的方法

在js中,可以利用array对象的length属性来获取数组长度,该属性可设置或返回数组中元素的数目,只需要使用“array.length”语句即可返回表示数组对象的元素个数的数值,也就是长度值。php中文网还提供JavaScript数组的相关下载、相关课程等内容,供大家免费下载使用。

554

2023.06.20

js刷新当前页面
js刷新当前页面

js刷新当前页面的方法:1、reload方法,该方法强迫浏览器刷新当前页面,语法为“location.reload([bForceGet]) ”;2、replace方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,不能通过“前进”和“后退”来访问已经被替换的URL,语法为“location.replace(URL) ”。php中文网为大家带来了js刷新当前页面的相关知识、以及相关文章等内容

374

2023.07.04

js四舍五入
js四舍五入

js四舍五入的方法:1、tofixed方法,可把 Number 四舍五入为指定小数位数的数字;2、round() 方法,可把一个数字舍入为最接近的整数。php中文网为大家带来了js四舍五入的相关知识、以及相关文章等内容

731

2023.07.04

js删除节点的方法
js删除节点的方法

js删除节点的方法有:1、removeChild()方法,用于从父节点中移除指定的子节点,它需要两个参数,第一个参数是要删除的子节点,第二个参数是父节点;2、parentNode.removeChild()方法,可以直接通过父节点调用来删除子节点;3、remove()方法,可以直接删除节点,而无需指定父节点;4、innerHTML属性,用于删除节点的内容。

477

2023.09.01

JavaScript转义字符
JavaScript转义字符

JavaScript中的转义字符是反斜杠和引号,可以在字符串中表示特殊字符或改变字符的含义。本专题为大家提供转义字符相关的文章、下载、课程内容,供大家免费下载体验。

394

2023.09.04

js生成随机数的方法
js生成随机数的方法

js生成随机数的方法有:1、使用random函数生成0-1之间的随机数;2、使用random函数和特定范围来生成随机整数;3、使用random函数和round函数生成0-99之间的随机整数;4、使用random函数和其他函数生成更复杂的随机数;5、使用random函数和其他函数生成范围内的随机小数;6、使用random函数和其他函数生成范围内的随机整数或小数。

991

2023.09.04

如何启用JavaScript
如何启用JavaScript

JavaScript启用方法有内联脚本、内部脚本、外部脚本和异步加载。详细介绍:1、内联脚本是将JavaScript代码直接嵌入到HTML标签中;2、内部脚本是将JavaScript代码放置在HTML文件的`<script>`标签中;3、外部脚本是将JavaScript代码放置在一个独立的文件;4、外部脚本是将JavaScript代码放置在一个独立的文件。

656

2023.09.12

Js中Symbol类详解
Js中Symbol类详解

javascript中的Symbol数据类型是一种基本数据类型,用于表示独一无二的值。Symbol的特点:1、独一无二,每个Symbol值都是唯一的,不会与其他任何值相等;2、不可变性,Symbol值一旦创建,就不能修改或者重新赋值;3、隐藏性,Symbol值不会被隐式转换为其他类型;4、无法枚举,Symbol值作为对象的属性名时,默认是不可枚举的。

551

2023.09.20

C++ 单元测试与代码质量保障
C++ 单元测试与代码质量保障

本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法,包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程,以及常见代码质量问题的发现与修复。通过工程化示例,帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。

8

2026.01.16

热门下载

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

精品课程

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

共58课时 | 3.7万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 2.9万人学习

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

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