0

0

ES6的WeakSet如何存储弱引用集合

星降

星降

发布时间:2025-07-12 18:25:01

|

426人浏览过

|

来源于php中文网

原创

weakset存储对象的弱引用,不会阻止垃圾回收。1. 与set不同,weakset中对象可被回收,set持有强引用阻止回收;2. weakset仅存对象,set可存任意类型;3. weakset无size和foreach。应用场景包括跟踪dom节点、存储私有数据、游戏引擎中的对象跟踪。使用方法包括add、delete、has,无法遍历。

ES6的WeakSet如何存储弱引用集合

WeakSet就像一个只存储对象的“幽灵盒子”,里面的对象不会阻止垃圾回收器回收它们。这意味着,即使一个对象只存在于WeakSet中,一旦没有其他强引用指向它,它就会被回收,而WeakSet也会自动移除对该对象的引用。

ES6的WeakSet如何存储弱引用集合

WeakSet存储的是对象的弱引用集合。

WeakSet与Set的区别是什么?

Set存储的是强引用,这意味着只要Set中存在一个对象,该对象就不会被垃圾回收。而WeakSet则不同,它存储的是弱引用,不会阻止垃圾回收。这使得WeakSet非常适合用于跟踪对象的生命周期,例如,跟踪DOM元素是否仍然存在于页面上。当你需要关联数据和对象,但又不希望数据影响对象的生命周期时,WeakSet就派上用场了。

ES6的WeakSet如何存储弱引用集合

另一个关键区别是,WeakSet只能存储对象,而Set可以存储任何类型的值(原始类型和对象)。这是因为WeakSet的设计目标是跟踪对象的生命周期,原始类型没有生命周期可言。另外,WeakSet没有size属性,也没有forEach方法,因为它无法确定集合中对象的数量,因为对象可能随时被垃圾回收。

WeakSet的应用场景有哪些?

WeakSet的一个常见应用场景是存储DOM节点的集合。例如,你可以使用WeakSet来跟踪哪些DOM节点已经被附加了特定的事件监听器。当DOM节点从页面中移除时,垃圾回收器会回收该节点,WeakSet也会自动移除对该节点的引用,避免内存泄漏。

零沫AI工具导航
零沫AI工具导航

零沫AI工具导航-AI导航新标杆,探索全球实用AI工具

下载
ES6的WeakSet如何存储弱引用集合

另一个应用场景是在JavaScript库或框架中,用于存储对象的私有数据。你可以创建一个WeakSet,将对象作为键,将私有数据作为值。由于WeakSet存储的是弱引用,因此当对象被回收时,私有数据也会被自动回收,避免内存泄漏。

再比如,假设你正在开发一个游戏引擎,你可能需要跟踪哪些游戏对象正在被渲染。你可以使用WeakSet来存储这些游戏对象。当游戏对象不再被渲染时,垃圾回收器会回收该对象,WeakSet也会自动移除对该对象的引用。

如何使用WeakSet?

WeakSet的使用非常简单。你可以使用new WeakSet()创建一个新的WeakSet对象。然后,你可以使用add(object)方法将对象添加到WeakSet中。你可以使用delete(object)方法从WeakSet中移除对象。你可以使用has(object)方法检查WeakSet中是否包含某个对象。

例如:

let myWeakSet = new WeakSet();

let object1 = {};
let object2 = {};

myWeakSet.add(object1);
myWeakSet.add(object2);

console.log(myWeakSet.has(object1)); // true

myWeakSet.delete(object1);

console.log(myWeakSet.has(object1)); // false

object1 = null; // 移除强引用

// 稍后,object1可能会被垃圾回收,myWeakSet会自动移除对它的引用

需要注意的是,由于WeakSet存储的是弱引用,因此你无法遍历WeakSet中的对象。这是因为在遍历的过程中,对象可能已经被垃圾回收了。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

106

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

197

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

233

2025.12.24

php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

267

2025.12.04

数据库Delete用法
数据库Delete用法

数据库Delete用法:1、删除单条记录;2、删除多条记录;3、删除所有记录;4、删除特定条件的记录。更多关于数据库Delete的内容,大家可以访问下面的文章。

287

2023.11.13

drop和delete的区别
drop和delete的区别

drop和delete的区别:1、功能与用途;2、操作对象;3、可逆性;4、空间释放;5、执行速度与效率;6、与其他命令的交互;7、影响的持久性;8、语法和执行;9、触发器与约束;10、事务处理。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

222

2023.12.29

DOM是什么意思
DOM是什么意思

dom的英文全称是documentobjectmodel,表示文件对象模型,是w3c组织推荐的处理可扩展置标语言的标准编程接口;dom是html文档的内存中对象表示,它提供了使用javascript与网页交互的方式。想了解更多的相关内容,可以阅读本专题下面的文章。

4341

2024.08.14

Python异步编程与Asyncio高并发应用实践
Python异步编程与Asyncio高并发应用实践

本专题围绕 Python 异步编程模型展开,深入讲解 Asyncio 框架的核心原理与应用实践。内容包括事件循环机制、协程任务调度、异步 IO 处理以及并发任务管理策略。通过构建高并发网络请求与异步数据处理案例,帮助开发者掌握 Python 在高并发场景中的高效开发方法,并提升系统资源利用率与整体运行性能。

37

2026.03.12

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

136

2026.03.11

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
JavaScript 基础加强视频教程
JavaScript 基础加强视频教程

共73课时 | 17.5万人学习

Git工具使用小知识
Git工具使用小知识

共38课时 | 17.9万人学习

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

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