WeakMap与Map区别详解
时间:2026-04-25 18:44:34 416浏览 收藏
WeakMap与Map虽同为键值映射结构,但核心差异在于键的类型限制与引用强度:WeakMap仅接受对象作为键,且采用弱引用机制,使键对象在无其他引用时可被垃圾回收器自动清理,从而彻底规避内存泄漏风险;而Map支持任意类型键并维持强引用,确保键对象长期存活。正因如此,WeakMap无法遍历、无size属性,仅提供基础的set/get/has/delete操作,却完美胜任DOM状态管理、类私有属性模拟、对象关联缓存等需要“隐形绑定、自动释放”的场景——它不是Map的简化版,而是专为解决引用泄漏这一顽疾而生的精准互补工具。

WeakMap 和 Map 最核心的区别在于:WeakMap 的键必须是对象,且对键是弱引用;而 Map 的键可以是任意类型,且对键是强引用。 这个“弱引用”特性,让 WeakMap 能自动配合垃圾回收(GC),避免内存泄漏,特别适合做私有数据存储或元数据绑定。
键的类型和引用强度不同
Map 允许任何类型的值作为键(字符串、数字、对象、Symbol 甚至 undefined),并且只要这个键还被 Map 持有,它就不会被 GC 回收——这就是强引用。WeakMap 则严格限制键只能是对象(包括函数、数组、DOM 元素等),而且这个引用是弱引用:如果一个对象只被 WeakMap 作为键引用,而其他地方都不再持有它,那么 GC 就可以随时把它清理掉,WeakMap 内部也会自动移除对应条目。
无法遍历和检测大小
WeakMap 不提供 keys()、values()、entries() 或 size 属性。你不能遍历它,也不能知道它存了多少项。这是因为它的内部条目可能随时被 GC 清理,暴露这些接口会破坏“弱引用”的语义一致性,也会影响引擎优化。所以 WeakMap 只提供四个基础方法:set(key, value)、get(key)、has(key)、delete(key),且都要求 key 是对象。
典型使用场景:隐藏私有状态
WeakMap 常用于给对象“挂载”不暴露、不干扰原型、也不阻止回收的附加信息:
- 为 DOM 元素存储临时 UI 状态(比如是否已高亮),页面卸载后自动清理
- 实现类的真正私有属性(把 this 作为 key,私有数据作为 value)
- 缓存计算结果,以对象为依据,对象销毁时缓存自动失效
WeakMap 不是 Map 的替代品,而是互补工具
如果你需要遍历、需要非对象键、需要确定性生命周期控制,就用 Map;如果你只是想“悄悄地关联一些数据,且不想影响对象存活”,WeakMap 就很合适。它不解决所有缓存或映射问题,但解决了引用泄漏这个特定痛点。
基本上就这些。
今天关于《WeakMap与Map区别详解》的内容就介绍到这里了,是不是学起来一目了然!想要了解更多关于的内容请关注golang学习网公众号!
-
502 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
501 收藏
-
465 收藏
-
157 收藏
-
倒计时 倒计时:60秒
HTML实现一分钟倒计时,可以使用JavaScript来动态更新时间。以下是一个简单的示例代码:倒计时 倒计时:60秒
445 收藏318 收藏411 收藏341 收藏138 收藏255 收藏493 收藏341 收藏353 收藏464 收藏课程推荐更多>-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习