WeakMap，WeakSet 使用场景收集

最新推荐文章于 2025-03-04 11:45:34 发布
最新推荐文章于 2025-03-04 11:45:34 发布
阅读量218 收藏
点赞数
分类专栏： JS 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35459724/article/details/130242707
版权
WeakMap是JavaScript中一种特殊的数据结构，常用于存储接口请求参数与返回数据的映射关系。只要请求参数的对象未被垃圾回收，WeakMap会保持其与返回结果的关联，提供了一种内存效率高的缓存策略。

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

WeakMap

接口请求参数与返回数据的映射。只要请求参数的对象没有被回收，则保存请求返回的结果。

JA+
关注
专栏目录
JavaScript教程|WeakMap and WeakSet（弱映射和弱集合）Object.keys，values，entries
VAN
12-05 83
WeakMap 是类似于 Map 的集合，它仅允许对象作为键，并且一旦通过其他方式无法访问这些对象，垃圾回收便会将这些对象与其关联值一同删除。WeakSet 是类似于 Set 的集合，它仅存储对象，并且一旦通过其他方式无法访问这些对象，垃圾回收便会将这些对象删除。它们的主要优点是它们对对象是弱引用，所以被它们引用的对象很容易地被垃圾收集器移除。这是以不支持 clear、size、keys、values 等作为代价换来的……
前端领域模板语法的监听器使用技巧
最新发布
前端视界的博客
04-23 799
在现代前端开发中，模板语法是实现数据与视图分离的核心技术，而监听器作为响应式系统的关键组件，负责捕获数据变化并驱动视图更新。模板语法与监听器的关系模型依赖收集与变更检测的算法实现主流框架（Vue/Angular/React）的监听器设计对比自定义模板引擎中监听器的工程化实践性能优化与内存管理最佳实践核心概念：定义模板语法、监听器、响应式系统等基础术语，建立技术坐标系原理剖析：通过数学模型和算法实现，揭示依赖收集与变更检测的本质。
ES6 WeakMap和WeakSet的使用场景
weixin_30258027的博客
11-17 207
JavaScript垃圾回收是一种内存管理技术。在这种技术中，不再被引用的对象会被自动删除，而与其相关的资源也会被一同回收。 Map和Set中对象的引用都是强类型化的，并不会允许垃圾回收。这样一来，如果Map和Set中引用了不再需要的大型对象，如已经从DOM树中删除的DOM元素，那么其回收代价是昂贵的。 为了解决这个问题，ES6还引入了另外两种新的数据结构，即称为WeakMap和WeakSet...
WeakMap有什么使用场景？
王铁柱666的博客
10-25 248
在前端开发中，经常需要为DOM元素添加事件监听器。WeakMap可以用于存储和管理这些监听器，确保当DOM元素不再存在时，与其相关联的监听器也会被自动清除。总的来说，WeakMap在前端开发中的使用场景主要集中在需要关联数据与DOM元素、管理事件监听器、存储私有属性以及避免深拷贝死循环等方面。这意味着开发者可以使用WeakMap来安全地存储对象的私有数据，而无需担心这些数据在不再需要时仍然占用内存。WeakMap可以用于记录已经拷贝过的对象，从而在遇到循环引用时终止拷贝过程，避免死循环的发生。
ES6 WeakMap 的使用场景和注意事项
前端梦工厂
10-30 1242
WeakMap的基础知识请看上一篇文章：ES6 WeakMap 基础详解WeakMap 也有自己的使用场景和使用注意事项。在使用它的时候，我们需要理解它的局限性，并针对特定的使用场景做出正确的设计和使用。到这里，我们应该已经了解了 JavaScript 中的 WeakMap 数据结构的基本操作和注意事项。通过弱引用的特性，WeakMap 提供了一种私有性的数据存储方式，能够有效保护与键对象相关的私有数据。在使用 WeakMap 时，我们需要注意键必须是对象、无法迭代和获取长度等限制。
WeakMap的用法和使用场景
weixin_41824429的博客
06-11 1135
WeakMap 对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的，WeakMap 的 key 是不可枚举的。在 JavaScript 里，map API 可以 通过使其四个 API 方法共用两个数组（一个存放键，一个存放值）来实现。给这种 map 设置值时会同时将键和值添加到这两个数组的末尾。从而使得键和值的索引在两个数组中相对应。当从该 map 取值的时候，需要遍历所有的键，然后使用索引从存储值的数组中检索出相应的值。
数据结构JavaScript中的内存使用
08-11
- **使用弱引用**：在需要保留对象但不阻止其被垃圾回收时，可以使用WeakMap或WeakSet。 6. **分析工具** - 使用Chrome DevTools的Memory面板进行内存快照，观察对象分配和垃圾回收情况。 - 使用第三方库如`...
JavaScript压缩工具：garbage-box的使用与特点
- 开发者可以通过编写代码优化垃圾收集，例如减少全局变量的使用、使用弱引用（WeakMap/WeakSet）、及时释放不再需要的引用等。 3. 标签“JavaScript”的相关知识点： - JavaScript是一种解释型语言，具有动态...
关于闭包的描述正确的是 过多使用闭包，容易导致内存泄露
03-15
在现代浏览器环境中，可以考虑利用 WeakMap 和 WeakSet 来存储临时状态信息，这样即使发生意外保留也不会影响整体应用表现。 #### 3. 清理定时器与回调函数 确保所有的计时器(`setInterval`, `setTimeout`)以及动态...
WeakMap的学习与应用场景
weixin_38382659的博客
06-23 2387
WeakMap 是什么？ WeakMap 与 Map 类似，也是生成 键值对的组合，但是有区别： 1.WeakMap 只能接受对象作为键名（不包括null) 2.WeakMap 的键名所指向的对象是弱引用，不计入垃圾回收机制 所以如果想向 对象添加数据又不想干扰垃圾回收机制，就可以用 WeakMap WeakMap 可用在它的键对应的对象可能在将来消息的场景， WeakMap 有助于防止内...
set,map,weakSet,weakMap用法以及常用场景
syclo的博客
03-04 1107
类型键/值类型可遍历性弱引用垃圾回收友好适用场景Set唯一值✔️❌❌去重、集合操作Map任意类型键值✔️❌❌复杂键、缓存、元数据WeakSet仅对象值❌✔️✔️临时对象追踪WeakMap仅对象键，任意值❌✔️✔️私有数据、DOM 关联数据。
WeakHashMap源码解析及使用场景
李思苇
10-26 2079
目的 让Map中不再使用的Entry被GC及时回收，释放内存空间 用途 Map本身生命周期很长，需要长期贮留内存中，但Map中的Entry可以删除，使用时可以从其它地方再次取得。 实例：tomcat中的缓存有用到。 实现方式 对于WeakReference可以参考另一篇文章：弱引用——WeakReference——所引用的对象的回收规则 在WeakHashMap类中定义了一个实例域ReferenceQueue<Map.Entry> queue。 内部的Entry直接继承了WeakRefere
Set、WeakSet、Map、WeakMap、WeakRef介绍及使用场景
玲娜蒜儿的博客
06-02 710
①set类似于数组，但成员的数值都是唯一的，无重复的值，可以存储任何类型的数据。②set只有一个size属性。// 无返回值 set . keys();①：weakset是弱集合,成员的数值不能重复，数据类型只能是对象。②：如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存。③：适合跟踪对象（例如检查对象是否已处理过）④：无size属性，不可遍历。①键值对集合，值—值对应（键可以是任何类型），有size属性。
浅析 Map 和 WeakMap 区别以及使用场景
小丞同学
07-25 1585
希望这一篇文章能让你对 Map 有更好的理解，或者能够帮你理解 Map 和 WeakMap 这篇文章会先从Map再到WeakMap 一、为什么是 Map ？ 1. 传统对象结构 Map本质上是一个键值对的集合。和传统对象结构相比，传统的对象只能用字符串作为键名，这就在使用上造成了很大的限制了。这也是新增 Map 的原因之一。 const data = {}; // elemen..
什么是跨域资源共享（CORS）？如何在前端中处理CORS问题？
热门推荐
官方推荐
10-08 1万+
什么是跨域资源共享（CORS）？如何在前端中处理CORS问题？
ES6 WeakMap 基础详解
前端梦工厂
10-10 1506
WeakMap 是 JavaScript 中的一种数据结构，它与普通的 Map 有些相似，但也有一些重要的区别。它的特点在于它能够实现弱引用关联，并且只能存储对象作为键名。具体而言，WeakMap 中的键名必须是对象，而值则可以是任意类型的数据。与普通的 Map 不同，WeakMap 中的键名是弱引用的，也就是说，当键名所指向的对象在其他地方被清除时，WeakMap 中对应的键值对也会自动被清除。到这里，我们应该已经了解了 JavaScript 中的 WeakMap 数据结构的基本操作和注意事项。
你不知道的 WeakMap
油墨香^-^的博客
03-30 1018
在计算机科学中，垃圾回收（Garbage Collection，缩写为 GC）是指一种自动的存储器管理机制。当某个程序占用的一部分内存空间不再被这个程序访问时，这个程序会借助垃圾回收算法向操作系统归还这部分内存空间。垃圾回收器可以减轻程序员的负担，也减少程序中的错误。考虑某个对象在未来的程序运行中，将不会被访问；回收这些对象所占用的存储器。
34.JavaScript简单的WeakMap和WeakSet（弱映射、弱集合）基础知识，我劝你进来看看
魏大大
06-16 1225
在本专栏的《垃圾回收》章节详细介绍了引擎在何种情况下会回收一个变量占用的内存空间。简单来讲，如果一个变量、对象是“不可达”的，那么这个变量、对象就没有必要继续保存在内存中，进而应该被回收。举个例子： 如果一个对象被数组，其他对象引用，只要引用它数组和对象存在于数组中，那么这个对象也就被认为是可达的。数组中的对象： 同样的，如果我们把一个对象做为的键，如果存在，那么对象就不会被引擎回收。中的键对象： 在释放键对象的处理上和有着本质上的不同，简单来讲，不会因为对象作为键而阻止垃圾回收。和的区别可分为三个方面：
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值