WeakMap 和 WeakSet 通过弱引用避免内存泄漏，适用于缓存数据、存储私有属性和标记对象状态。其键或值不阻止垃圾回收，适合管理对象生命周期相关的场景。

WeakMap 和 WeakSet 是 J*aScript 中两种特殊的集合类型，它们的“弱引用”特性让它们在特定场景下非常有用。虽然日常开发中不常直接使用，但在需要避免内存泄漏或管理私有数据时，它们能发挥关键作用。

1. 避免内存泄漏：自动释放不再使用的对象

WeakMap 和 WeakSet 的最大特点是它们对键（WeakMap）或值（WeakSet）的引用是“弱”的，不会阻止垃圾回收机制回收这些对象。

这意味着当你把一个对象作为 WeakMap 的键或 WeakSet 的成员后，如果这个对象在其他地方被销毁，它也会自动从 WeakMap 或 WeakSet 中移除，不会造成内存堆积。

常见用途：

• 缓存与对象相关的数据，而不影响其生命周期
• 跟踪 DOM 节点的状态（比如是否已初始化），页面卸载后自动清理

例如：用 WeakMap 缓存某个对象的计算结果

const cache = new WeakMap();
<p>function expensiveCalc(obj) {
if (cache.has(obj)) {
return cache.get(obj);
}
const result = /<em> 复杂计算 </em>/;
cache.set(obj, result);
return result;
}

当 obj 被回收时，对应的缓存也会自动消失，无需手动清理。

2. 实现对象私有数据

在类中，有时想为实例保存一些私有状态，又不想暴露给外部或被枚举到。

WeakMap 可以用来存储实例与其私有数据之间的映射，且无法被外部访问。

Gridster.js多列网格式拖动布局插件

网页中拖动 DIV 是很常见的操作，今天就分享给大家一个 jQuery 多列网格拖动布局插件，和其它的插件不太一样的地方在于你处理拖放的元素支持不同大小，并且支持多列的网格布局，它们会自动的根据位置自己排序和调整。非常适合你开发具有创意的应用。这个插件可以帮助你将任何的 HTML 元素转换为网格组件

75 查看详情

示例：用 WeakMap 存储私有属性

const privateData = new WeakMap();
<p>class Person {
constructor(name, age) {
this._name = name;
privateData.set(this, { age });
}</p><p>getAge() {
return privateData.get(this).age;
}</p><p>setAge(val) {
privateData.get(this).age = val;
}
}

这样 age 数据不会出现在 this 上，也无法被枚举或直接访问，实现了真正的私有性（ES6 时代常用技巧，现在可用 # 字段替代）。

3. 标记或追踪对象状态

WeakSet 适合用来标记某些对象是否处于某种状态，比如“已处理”、“正在监听”等。

由于它只允许对象作为成员，且是弱引用，非常适合做标记集合。

例子：防止重复处理同一个 DOM 元素

const processedNodes = new WeakSet();
<p>function processNode(node) {
if (processedNodes.has(node)) return;
// 执行处理逻辑
processedNodes.add(node);
}

即使页面结构变化、节点被移除，WeakSet 不会阻止其回收，也不会导致内存泄漏。

基本上就这些。WeakMap 和 WeakSet 不是用来替代 Map 和 Set 的，而是专门解决“对象生命周期管理”和“私密性/性能”问题的工具。用得不多，但关键时刻很管用。

以上就是J*aScript中的WeakMap和WeakSet在实际开发中有何用处？的详细内容，更多请关注其它相关文章！

# 移除  # 东莞品牌网站seo优化  # 郾城网站推广公司电话  # seo排名工具灰色快照  # 网站的优化手机版  # 做搜狗关键词排名软  # 佣金推广营销  # 家电行业营销推广方案  # 兖州区专业seo软件  # 四川关键词排名查询工具  # 利通区企业网站推广工作  # 有哪些  # 如何实现  # javascript  # 如何用  # 在实际  # 如何使用  # 可以使用  # 也会  # 中有  # 拖动  # 工具  # node  # java  # es6 

相关栏目： 【 科技资讯46185 】 【 网络学院92790 】

相关推荐： 火狐浏览器占用内存高卡顿怎么办 火狐浏览器性能优化设置技巧  Yandex搜索引擎官网入口_俄罗斯Yandex免登录一键直达  ArchiveofOurOwn小说阅读-ArchiveofOurOwn同人作品访问链接  提升Kafka消费者健壮性：会话超时处理与消息处理语义  Win11怎么查看显卡显存 Win11显示适配器属性及专用视频内存查询  J*aScript中管理异步API调用：确保操作顺序与数据一致性  提升屏幕阅读器对“m”时间单位的播报准确性：HTML与CSS组合解决方案  J*aScript中高效清空DOM列表元素：解决for循环中断与任务管理问题  腾讯QQ邮箱登录入口_QQ邮箱官方网站使用地址  纯CSS与HTML网格布局的HTML精简策略：SVG与JS方案解析  解决 MongoDB 聚合查询中对象数组 _id 匹配问题  Composer的 "check-platform-reqs" 命令有什么用_在部署前检查生产环境是否满足Composer依赖需求  电脑IP地址怎么查 查看本机IP地址的几种方法  钉钉视频会议声音异常如何处理 钉钉会议音频修复技巧  Centos/Linux 系统下安装 composer 的完整步骤  小猿搜题在线学习页面在哪_小猿搜题在线学习中心入口  qq游戏大厅官方下载_qq游戏免费下载安装入口  2026年CSGO开箱网站推荐 CSGO开箱平台精选  漫蛙MANWA漫画主页官方入口 漫蛙漫画最新在线阅读地址  如何将一个大型PHP应用拆分为多个Composer包_微服务与模块化架构的Composer实践  机构：以往存储涨价周期小米利润率实际上有所改善 能转嫁给消费者等  React Router v6 教程：构建认证保护的私有路由与重定向策略  Win10如何开启蓝牙功能_Windows10找不到蓝牙开关解决方法  163邮箱官方主页登录 直达网易邮箱登录核心页面  Lar*el如何正确地在控制器和模型之间分配逻辑_Lar*el代码职责分离与架构建议  uc浏览器网页版极速入口 uc网页浏览器网页版流畅体验  如何使用Go和Martini动态服务解码后的图片  J*aScript 字符串标签转换：使用正则表达式高效替换  抖音网页版怎么|直播|_抖音网页版开播操作指南  火锅吃太多会怎样 火锅吃太多会上火吗  正确连接J*aScript到HTML实现可点击图片与自定义事件处理  高德地图家和公司地址在哪设置 高德地图通勤路线设置方法【超详细】  漫蛙2网页版漫画入口 漫蛙漫画在线官方登录  如何在CSS中使用visited与link控制链接颜色_visited link伪类配合  搜狗浏览器如何使用密码生成器创建强密码 搜狗浏览器内置密码安全工具  在Go语言中利用后缀数组处理多字符串：实现高效文本匹配与自动补全  汽水音乐在线解析 汽水音乐在线解析入口  抖音极速版最新版本 抖音极速版官方下载地址  J*a 递归快速排序中静态变量的状态管理与陷阱  Lar*el Excel导入时生成自定义递增ID的策略与实践  12306选座如何查看座位示意图_12306座位示意图解读与使用  b站赚钱渠道_b站收益来源  限制HTML日期输入框的日期选择范围  Android Studio计算器C键功能异常排查与修复教程  Django模型中自动计算可用余额的实现方法  QQ官网正版登录链接 QQ在线登录入口最新  学习通网页版快速入口 学习通官网网页版直接打开  痛风发作了怎么办？ 快速止痛和后期饮食调理  抓大鹅无需下载版 抓大鹅秒玩版入口  向日葵客户端怎么进行远程CentOS控制_向日葵客户端远程CentOS控制操作教程