十二、深入理解JavaScript中的WeakMap和WeakSet

在JavaScript的ES6版本中，引入了两种新的数据结构——WeakMap和WeakSet。与Map和Set相比，这两种数据结构有一些特殊的特点和用途，因此在某些场合下，它们是更好的选择。本文将深入探讨WeakMap和WeakSet的特性和用途。

1.  WeakMap和WeakSet概述

在我们深入研究这两种新的数据结构之前，首先来了解一下它们的基本特性。

1） WeakMap

WeakMap是一种键值对的集合，类似于Map。不过，WeakMap与Map有几个重要的区别：

• 在WeakMap中，只有对象可以作为键。换句话说，我们不能使用基本类型（如数字，字符串，布尔值等）作为WeakMap的键。
  
• WeakMap的键是弱引用的。这意味着，如果一个对象只被WeakMap引用，那么这个对象可以被垃圾回收（GC）。当这个对象被垃圾回收后，它对应的键值对也会从WeakMap中自动移除。
  
• WeakMap不可遍历，也就是说，我们不能使用像for...of这样的循环来遍历WeakMap。
  
• 由于这些特性，WeakMap在处理内存泄漏问题和管理对象私有数据等场景中有着显著的优势。
  

2） WeakSet

• WeakSet也是一种集合，类似于Set。WeakSet与Set的主要区别包括：
  
• 在WeakSet中，只有对象可以作为值。也就是说，我们不能将基本类型（如数字，字符串，布尔值等）添加到WeakSet中。
  
• WeakSet中的对象是弱引用的。如果一个对象只被WeakSet引用，那么这个对象可以被垃圾回收。当这个对象被垃圾回收后，它会自动从WeakSet中移除。
  
• WeakSet不可遍历，也就是说，我们不能使用像for...of这样的循环来遍历WeakSet。
  

WeakSet在处理对象的唯一性、内存泄漏等问题上有其独特的应用。

2. WeakMap深入解析

下面，我们将更深入地探讨WeakMap的特性和用法。

1）WeakMap的创建和使用

我们可以使用new WeakMap()来创建一个新的WeakMap。在创建了WeakMap之后，我们可以使用set方法来添加新的键值对。

使用get方法来获取某个键对应的值，使用delete方法来移除某个键及其对应的值，使用has方法来检查WeakMap中是否存在某个键。

let weakMap = new WeakMap();
let obj1 = {};let obj2 = {};
// 添加键值对
weakMap.set(obj1, 'Hello');
weakMap.set(obj2, 'World');
// 获取值
console.log(weakMap.get(obj1)); // 输出: 'Hello'
console.log(weakMap.get(obj2)); // 输出: 'World'
// 检查键是否存在
console.log(weakMap.has(obj1)); // 输出: true
console.log(weakMap.has(obj2)); // 输出: true
// 删除键值对
weakMap.delete(obj1);
console.log(weakMap.has(obj1)); // 输出: false

2）WeakMap和内存管理

WeakMap最重要的特性就是其键对对象的弱引用。这意味着，如果一个对象只被WeakMap引用，那么这个对象可以被垃圾回收。这样就可以防止因为长时间持有对象引用导致的内存泄漏。

例如，如果我们在Map中保存了一些对象的引用，即使这些对象在其他地方都已经不再使用，但是由于它们仍被Map引用，所以它们不能被垃圾回收，这就可能导致内存泄漏。然而，如果我们使用WeakMap来保存这些对象的引用，那么当这些对象在其他地方都不再使用时，它们就会被垃圾回收，从而防止了内存泄漏。

带你读《现代Javascript高级教程》十二、深入理解JavaScript中的WeakMap和WeakSet（2）https://developer.aliyun.com/article/1349617?groupCode=tech_library