JavaScript 中的 WeakMap 是什么？

百变鹏仔 2个月前 (10-14) #JavaScript

文章标签 JavaScript

weakmap 是键值对的集合，其中键是对象，值可以是任意值。与常规 map 不同，weakmap 中的键是“弱引用”的。这意味着如果没有其他对关键对象的引用，它可以被垃圾收集，有助于防止内存泄漏。

为什么我们需要weakmap？

1. 内存管理：通过允许对未使用的键进行垃圾收集来帮助有效地使用内存。

2. 私有数据： 可用于存储对象的私有数据，因为除非您拥有对象密钥，否则无法访问数据。

3. 避免内存泄漏： 在 dom 操作等场景中特别有用，在这种情况下，您可能希望存储 dom 元素的元数据，但在从 dom 中删除它们时又不阻止它们的垃圾回收。

立即学习“Java免费学习笔记（深入）”；

我们如何使用weakmap？

weakmap 是使用 weakmap 构造函数创建的。使用方法如下：

创建 weakmap：

let weakmap = new weakmap();

设定值：

let obj = {};weakmap.set(obj, 'value associated with obj');

获取值：

console.log(weakmap.get(obj)); // 'value associated with obj'

检查是否存在：

console.log(weakmap.has(obj)); // true

删除值：

weakmap.delete(obj);console.log(weakmap.has(obj)); // false

有趣的例子

让我们使用 weakmap 来跟踪哪些超级英雄当前位于秘密藏身处。秘密藏身处只保存超级英雄在里面的信息。一旦他们离开，藏身处就会忘记他们以避免内存超载。

示例：超级英雄藏身处

let secretHideout = new WeakMap();function Superhero(name) {    this.name = name;}// Superheroes enter the hideoutlet batman = new Superhero('Batman');let superman = new Superhero('Superman');secretHideout.set(batman, 'Batcave');secretHideout.set(superman, 'Fortress of Solitude');console.log(secretHideout.get(batman)); // 'Batcave'console.log(secretHideout.get(superman)); // 'Fortress of Solitude'// Batman leaves the hideoutbatman = null; // No more references to Batman// After garbage collection, the hideout forgets about BatmansetTimeout(() =&gt; {    console.log(secretHideout.get(batman)); // undefined (Batman has been garbage collected)    console.log(secretHideout.has(superman)); // true (Superman is still in the hideout)}, 1000);

在此示例中：

为什么这很有趣？

想象一下一个秘密藏身处，它是如此秘密，如果他们不尽快回来，甚至会忘记里面是谁！就像这个例子一样，一旦蝙蝠侠离开，weakmap 就会忘记他，从而保持藏身处的内存干净且高效。

关键点

键必须是对象： weakmap 中只能使用对象作为键。
不可迭代： weakmap 不可迭代，因此不能将其与 for-of 等循环一起使用。
垃圾收集：主要优点是它允许垃圾收集器清理程序中其他地方不再引用的key，防止内存泄漏。

这使得 weakmap 对于需要存储与对象相关的临时数据而不必担心保持这些对象不必要的活动的情况特别有用。

文章推荐

JavaScript 中的 WeakMap 是什么？

为什么我们需要weakmap？

我们如何使用weakmap？

有趣的例子

为什么这很有趣？

关键点

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？