ES6 WeakMap和WeakSet的使用场景

最新推荐文章于 2025-06-09 17:47:46 发布
转载 最新推荐文章于 2025-06-09 17:47:46 发布 · 213 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/knyel/p/7852127.html
文章标签：

#数据结构与算法 #javascript #ViewUI

本文介绍了JavaScript中的垃圾回收机制及如何通过使用WeakMap和WeakSet来解决内存管理中的问题。当不再需要的对象被这些弱集合引用时，它们能够允许这些对象被垃圾回收机制回收。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

JavaScript垃圾回收是一种内存管理技术。在这种技术中，不再被引用的对象会被自动删除，而与其相关的资源也会被一同回收。

Map和Set中对象的引用都是强类型化的，并不会允许垃圾回收。这样一来，如果Map和Set中引用了不再需要的大型对象，如已经从DOM树中删除的DOM元素，那么其回收代价是昂贵的。

为了解决这个问题，ES6还引入了另外两种新的数据结构，即称为WeakMap和WeakSet的弱集合。这些集合之所以是“弱的”，是因为它们允许从内存中清除不再需要的被这些集合所引用的对象。

转载于:https://www.cnblogs.com/knyel/p/7852127.html

29、JavaScript中的WeakMap、WeakSet、Typed Arrays与DataView
food6的博客
06-16 12
本文深入探讨了JavaScript中的WeakMap、WeakSet、Typed Arrays和DataView四种数据结构。WeakMap和WeakSet通过弱引用机制有效避免内存泄漏，适用于对象相关数据缓存和标记。Typed Arrays提供高效的数值数组处理能力，适用于图像、音频、数值计算等高性能需求场景。DataView则解决了多字节数据读写时的字节序问题，适用于网络数据或文件数据的二进制处理。文章结合代码示例和性能优化建议，帮助开发者更好地理解和应用这些高级数据结构，提升代码效率与内存管理能力。
【高频考点精讲】ES6 WeakMap和WeakSet的5个特殊应用场景解析
最新发布
全栈老李的博客
06-27 844
🧑‍🏫：全栈老李📅：2025 年 6 月🧑‍💻：前端初学者、进阶开发者🚀：本文由全栈老李原创，转载请注明出处。前两天有个学员跑来问我："老李啊，WeakMap和WeakSet这俩API看着挺冷门的，实际开发中真有人用吗？" 我当场就给他表演了个"地铁老人看手机.jpg"——这哪是冷门啊，根本就是被严重低估的宝藏！今天咱们就扒一扒这两个ES6黑科技的实战玩法。（全栈老李友情提示：文末有惊喜面试题）
WeakMap有什么使用场景？
王铁柱666的博客
10-25 263
在前端开发中，经常需要为DOM元素添加事件监听器。WeakMap可以用于存储和管理这些监听器，确保当DOM元素不再存在时，与其相关联的监听器也会被自动清除。总的来说，WeakMap在前端开发中的使用场景主要集中在需要关联数据与DOM元素、管理事件监听器、存储私有属性以及避免深拷贝死循环等方面。这意味着开发者可以使用WeakMap来安全地存储对象的私有数据，而无需担心这些数据在不再需要时仍然占用内存。WeakMap可以用于记录已经拷贝过的对象，从而在遇到循环引用时终止拷贝过程，避免死循环的发生。
ES6 WeakMap 的使用场景和注意事项
前端梦工厂
10-30 1295
WeakMap的基础知识请看上一篇文章：ES6 WeakMap 基础详解WeakMap 也有自己的使用场景和使用注意事项。在使用它的时候，我们需要理解它的局限性，并针对特定的使用场景做出正确的设计和使用。到这里，我们应该已经了解了 JavaScript 中的 WeakMap 数据结构的基本操作和注意事项。通过弱引用的特性，WeakMap 提供了一种私有性的数据存储方式，能够有效保护与键对象相关的私有数据。在使用 WeakMap 时，我们需要注意键必须是对象、无法迭代和获取长度等限制。
Set、WeakSet、Map、WeakMap、WeakRef介绍及使用场景
玲娜蒜儿的博客
06-02 736
①set类似于数组，但成员的数值都是唯一的，无重复的值，可以存储任何类型的数据。②set只有一个size属性。// 无返回值 set . keys();①：weakset是弱集合,成员的数值不能重复，数据类型只能是对象。②：如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存。③：适合跟踪对象（例如检查对象是否已处理过）④：无size属性，不可遍历。①键值对集合，值—值对应（键可以是任何类型），有size属性。
Set、Map、WeakMap、WeakSet 的区别以及应用场景
weixin_45522694的博客
02-23 1058
Set、Map、WeakSet、WeakMap的区别
详解JavaScript中的WeakMap和WeakSet
爱蹦跶的全栈大A阿
01-11 1202
内存管理一直是JavaScript这门语言中的难点和痛点。由于其自动垃圾回收机制的限制,在某些场景下很容易出现内存泄漏,影响页面性能。ES6中新增的WeakMap和WeakSet填补了这方面的短板,提供了一种实现弱引用的方法,可以更精细地控制对象的生命周期。这两个特殊的数据结构为我们处理那些只在某个时间段内需要的对象引用,提供了极大的便利。正确使用WeakMap和WeakSet可以优化内存占用,减少内存泄漏的问题。
JavaScript中WeakMap和WeakSet在内存管理中的影响与应用
# 1. 引言 ### 1.1 介绍JavaScript中的内存管理 在JavaScript编程中，内存管理是一个至关重要的主题。JavaScript作为一种动态语言...在JavaScript中，WeakMap和WeakSet是ECMAScript 6新增的数据结构，用于存储弱引用
WeakMap的用法和使用场景
weixin_41824429的博客
06-11 1193
WeakMap 对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的，WeakMap 的 key 是不可枚举的。在 JavaScript 里，map API 可以 通过使其四个 API 方法共用两个数组（一个存放键，一个存放值）来实现。给这种 map 设置值时会同时将键和值添加到这两个数组的末尾。从而使得键和值的索引在两个数组中相对应。当从该 map 取值的时候，需要遍历所有的键，然后使用索引从存储值的数组中检索出相应的值。
WeakMap，WeakSet 使用场景收集
japlus的博客
04-19 221
接口请求参数与返回数据的映射。只要请求参数的对象没有被回收，则保存请求返回的结果。
WeakSet的学习，应用场景
weixin_38382659的博客
06-22 1474
WeakSet是什么？ WeakSet 和 Set 类似，都是不重复的值的集合，但是和 Set 有两点不同： WeakSet 的成员只能是对象 WeakSet 的对象都是弱引用 即WeakSet 中对对象的引用不会被考虑进垃圾回收机制，即只要没有其他的对象引用该对象，则该对象就会被回收，而不管它在不在 WeakSet （由于这个特性，所以 WeakSet 适合临时存放一组对象和跟...
WeakMap的学习与应用场景
weixin_38382659的博客
06-23 2399
WeakMap 是什么？ WeakMap 与 Map 类似，也是生成 键值对的组合，但是有区别： 1.WeakMap 只能接受对象作为键名（不包括null) 2.WeakMap 的键名所指向的对象是弱引用，不计入垃圾回收机制 所以如果想向 对象添加数据又不想干扰垃圾回收机制，就可以用 WeakMap WeakMap 可用在它的键对应的对象可能在将来消息的场景， WeakMap 有助于防止内...
set,map,weakSet,weakMap用法以及常用场景
syclo的博客
03-04 1124
类型键/值类型可遍历性弱引用垃圾回收友好适用场景Set唯一值✔️❌❌去重、集合操作Map任意类型键值✔️❌❌复杂键、缓存、元数据WeakSet仅对象值❌✔️✔️临时对象追踪WeakMap仅对象键，任意值❌✔️✔️私有数据、DOM 关联数据。
WeakHashMap源码解析及使用场景
李思苇
10-26 2086
目的 让Map中不再使用的Entry被GC及时回收，释放内存空间 用途 Map本身生命周期很长，需要长期贮留内存中，但Map中的Entry可以删除，使用时可以从其它地方再次取得。 实例：tomcat中的缓存有用到。 实现方式 对于WeakReference可以参考另一篇文章：弱引用——WeakReference——所引用的对象的回收规则 在WeakHashMap类中定义了一个实例域ReferenceQueue<Map.Entry> queue。 内部的Entry直接继承了WeakRefere
【前端】每日一道面试题7：WeakMap和WeakSet是干嘛用的，有哪些使用场景
ejunda的博客
06-09 577
JavaScript的WeakMap和WeakSet是弱引用集合类型，主要用于优化内存管理。其核心特性包括：仅允许对象作为键/值（WeakMap）或元素（WeakSet），当对象失去外部引用时会被垃圾回收自动清除；不支持遍历操作，适用于临时数据存储。典型应用场景包括：DOM元数据跟踪（自动清理被移除元素的数据）、计算结果缓存、模拟私有属性以及避免循环引用导致的内存泄漏。由于不可迭代且依赖GC机制，适合对象生命周期敏感的场景，能有效减少内存泄漏风险。
浅析 Map 和 WeakMap 区别以及使用场景
小丞同学
07-25 1597
希望这一篇文章能让你对 Map 有更好的理解，或者能够帮你理解 Map 和 WeakMap 这篇文章会先从Map再到WeakMap 一、为什么是 Map ？ 1. 传统对象结构 Map本质上是一个键值对的集合。和传统对象结构相比，传统的对象只能用字符串作为键名，这就在使用上造成了很大的限制了。这也是新增 Map 的原因之一。 const data = {}; // elemen..
什么是跨域资源共享（CORS）？如何在前端中处理CORS问题？
热门推荐
官方推荐
10-08 1万+
什么是跨域资源共享（CORS）？如何在前端中处理CORS问题？
es6 WeakSet使用
qq_34507902的博客
08-26 394
//new WeakSet()声明 let weakObj=new WeakSet(); let obj={a:'jspang',b:'技术胖'} let obj1=obj; //添加元素 不允许重复 weakObj.add(obj); weakObj.add(obj1); console.log(weakObj);// console.log(weakObj.size);// /* WeakSet {{…}} [[Entries]] 0: value: .
ES6集合：地图与WeakMap的快速设置和使用
资源摘要信息:"ES6 (ECMAScript 2015) 引入了几个新的数据结构，包括 Map, WeakMap, Set 和 WeakSet，它们在处理键值对和集合方面提供了更加强大和灵活的工具。在这个资源中，我们将探讨 ES6 Harmony 集合中的 Map ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值