理解JavaScript中的WeakSet和WeakMap

news2025/6/20 20:20:07

在这里插入图片描述

🤍 前端开发工程师、技术日更博主、已过CET6
🍨 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1
🕠 牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》
🍚 蓝桥云课签约作者、上架课程《Vue.js 和 Egg.js 开发企业级健康管理项目》、《带你从入门到实战全面掌握 uni-app》

文章目录

- 摘要：
- 引言：
- 正文：
- - 1. WeakSet
  - 2. WeakMap
  - 3. 异同点
- 总结：
- 参考资料：

摘要：

本文详细介绍了JavaScript中的WeakSet和WeakMap的概念、用途以及它们的异同点，帮助读者更好地理解这两种数据结构。

引言：

在JavaScript中，我们经常需要存储和管理对象。有时候，我们希望能够跟踪某个对象的所有实例，或者存储与某个对象关联的其他对象。这时，WeakSet和WeakMap就派上用场了。它们都是用来存储对象的，但是WeakSet存储的是对象集合，而WeakMap存储的是键值对。

正文：

1. WeakSet

WeakSet是一种特殊类型的集合，它存储的是弱引用对象。这意味着，如果集合中的对象被垃圾回收器回收，它们会自动从WeakSet中移除。

WeakSet的主要用途是存储对象实例，例如，用于存储某个类的所有实例。

示例：

const weakSet = new WeakSet();
const obj1 = { a: 1 };
const obj2 = { b: 2 };
weakSet.add(obj1);
weakSet.add(obj2);
console.log(weakSet.has(obj1)); // true
console.log(weakSet.has(obj2)); // true
obj1 = null; // 对象被回收
console.log(weakSet.has(obj1)); // false

2. WeakMap

WeakMap是一种特殊类型的Map，它的键是弱引用的对象。这意味着，如果WeakMap中的键对象被垃圾回收器回收，它们会自动从WeakMap中移除。

WeakMap的主要用途是存储与某个对象关联的其他对象。

示例：

const weakMap = new WeakMap();
const obj1 = { a: 1 };
const obj2 = { b: 2 };
weakMap.set(obj1, 'value1');
weakMap.set(obj2, 'value2');
console.log(weakMap.get(obj1)); // 'value1'
console.log(weakMap.get(obj2)); // 'value2'
obj1 = null; // 对象被回收
console.log(weakMap.get(obj1)); // undefined