当前位置：首页 > 文章列表 > 文章 > 前端 > JavaScript 中的 WeakMap 是什么？

JavaScript 中的 WeakMap 是什么？

来源：dev.to 2024-07-19 14:22:15 0浏览收藏

在文章实战开发的过程中，我们经常会遇到一些这样那样的问题，然后要卡好半天，等问题解决了才发现原来一些细节知识点还是没有掌握好。今天golang学习网就整理分享《JavaScript 中的 WeakMap 是什么？》，聊聊，希望可以帮助到正在努力赚钱的你。

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

为什么我们需要weakmap？

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

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

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

我们如何使用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 hideout
let 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 hideout
batman = null; // No more references to Batman

// After garbage collection, the hideout forgets about Batman
setTimeout(() => {
    console.log(secretHideout.get(batman)); // undefined (Batman has been garbage collected)
    console.log(secretHideout.has(superman)); // true (Superman is still in the hideout)
}, 1000);

在此示例中：