ES12 中的弱引用 Map 和 WeakSet 的使用方法

在 JavaScript 开发中，Map 和 Set 是非常常用的数据结构。ES6 引入了 Map 和 Set，它们提供了一种更为优雅和灵活的方式来存储和操作数据。在 ES12 中，Map 和 Set 也得到了进一步的升级和完善，引入了弱引用版本的 Map 和 WeakSet。

弱引用的概念

在介绍弱引用 Map 和 WeakSet 的使用方法之前，我们先来了解一下什么是弱引用。

在 JavaScript 中，当一个对象被创建后，我们可以通过变量来引用它。当这个对象不再被引用时，JavaScript 引擎会将其标记为垃圾，等待垃圾回收器回收。但是，有些对象可能被其他对象引用，这时候它就不能被回收。这就是强引用。

相对于强引用，弱引用不会阻止垃圾回收器回收被引用的对象。当一个对象只被弱引用引用时，垃圾回收器会将其回收。这种特性在一些场景下非常有用，比如缓存和事件处理器等。

弱引用 Map

在 ES12 中，我们可以使用弱引用 Map 来实现缓存功能。与普通的 Map 不同，弱引用 Map 可以自动回收不再使用的缓存数据，从而避免内存泄漏问题。

弱引用 Map 的使用方法与普通的 Map 类似，只是它的键和值都是弱引用类型。具体实现方式如下：

const weakMap = new WeakMap();
let obj = {};
weakMap.set(obj, "value");
console.log(weakMap.get(obj)); // "value"
obj = null;
console.log(weakMap.get(obj)); // undefined

在上面的代码中，我们创建了一个弱引用 Map，然后将一个对象作为键，将一个字符串作为值存储在 Map 中。接着，我们将这个对象设置为 null，这时候这个对象就不再被任何变量引用，垃圾回收器可以将其回收。最后，我们再通过 get 方法获取这个对象的值，发现已经返回了 undefined。

WeakSet

除了弱引用 Map，ES12 还引入了 WeakSet。与普通的 Set 不同，WeakSet 中存储的元素也是弱引用类型。WeakSet 的主要作用是存储一组对象，并且可以自动回收不再使用的对象。WeakSet 中的元素必须是对象，不能是基本类型。

WeakSet 的使用方法如下：

const weakSet = new WeakSet();
let obj = {};
weakSet.add(obj);
console.log(weakSet.has(obj)); // true
obj = null;
console.log(weakSet.has(obj)); // false

在上面的代码中，我们创建了一个 WeakSet，然后将一个对象存储在其中。接着，我们将这个对象设置为 null，这时候这个对象就不再被任何变量引用，垃圾回收器可以将其回收。最后，我们再通过 has 方法判断这个对象是否在 WeakSet 中，发现已经返回了 false。

总结

ES12 中的弱引用 Map 和 WeakSet 提供了一种更为灵活和优雅的方式来处理缓存和对象存储等问题。弱引用 Map 和 WeakSet 的使用方法与普通的 Map 和 Set 类似，只是它们的键和值都是弱引用类型。弱引用的特性可以避免内存泄漏问题，并且可以更加高效地利用内存资源。在实际开发中，我们可以根据具体的场景来选择使用弱引用 Map 和 WeakSet，从而提高代码的质量和可维护性。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65d6486f1886fbafa440b9eb