小编典典

ES6 WeakMap 的实际用途是什么?

all

WeakMapECMAScript 6 中引入的数据结构的实际用途是什么?

由于weak map的key创建了一个对其对应value的强引用,保证一个被插入到weak map中的value只要key还活着就 不会
消失,因此不能用于memo表,缓存或您通常会使用弱引用、具有弱值的映射等的任何其他内容。

在我看来,这是:

weakmap.set(key, value);

…只是一种迂回的说法:

key.value = value;

我错过了哪些具体的用例?


阅读 101

收藏
2022-03-14

共1个答案

小编典典

从根本上说

WeakMaps 提供了一种从外部扩展对象而不干扰垃圾收集的方法。 每当您想扩展一个对象但因为它是密封的或来自外部源而不能扩展时,都可以应用
Wea​​kMap。

WeakMap 是一个映射(字典),其中 很弱——也就是说,如果对 的所有引用都丢失并且没有更多对值的引用——则可以对
进行垃圾回收。让我们首先通过示例来展示这一点,然后稍微解释一下,最后以实际使用结束。

假设我正在使用一个 API,它给了我一个特定的对象:

var obj = getObjectFromLibrary();

现在,我有一个使用该对象的方法:

function useObj(obj){
   doSomethingWith(obj);
}

我想跟踪使用某个对象调用该方法的次数,并报告它是否发生超过 N 次。天真地认为使用地图:

var map = new Map(); // maps can have object keys
function useObj(obj){
    doSomethingWith(obj);
    var called = map.get(obj) || 0;
    called++; // called one more time
    if(called > 10) report(); // Report called more than 10 times
    map.set(obj, called);
}

这可行,但它有内存泄漏 - 我们现在跟踪传递给函数的每个库对象,以防止库对象被垃圾收集。相反 - 我们可以使用WeakMap

var map = new WeakMap(); // create a weak map
function useObj(obj){
    doSomethingWith(obj);
    var called = map.get(obj) || 0;
    called++; // called one more time
    if(called > 10) report(); // Report called more than 10 times
    map.set(obj, called);
}

并且内存泄漏消失了。

用例

一些会导致内存泄漏并由WeakMaps 启用的用例包括:

  • 保留有关特定对象的私有数据,并仅向具有地图参考的人提供访问权限。私有符号提案将采用一种更加临时的方法,但距离现在很长一段时间。
  • 保留有关库对象的数据而不更改它们或产生开销。
  • 保留有关一小组对象的数据,其中存在许多该类型的对象,以免 JS 引擎用于相同类型的对象的隐藏类出现问题。
  • 在浏览器中保存有关主机对象(如 DOM 节点)的数据。
  • 从外部向对象添加功能(如另一个答案中的事件发射器示例)。

来看一个真实的使用

它可用于从外部扩展对象。让我们从 Node.js 的真实世界中给出一个实用的(改编的,有点真实的 - 说明一点)示例。

假设你是 Node.js 并且你有Promise对象——现在你想要跟踪所有当前被拒绝的 Promise——但是,你 不想
阻止它们被垃圾收集,以防不存在对它们的引用。

现在,出于显而易见的原因,您 不想 向本机对象添加属性 - 所以您被卡住了。如果您保留对 Promise
的引用,则会导致内存泄漏,因为不会发生垃圾收集。如果您不保留引用,则无法保存有关单个承诺的其他信息。任何涉及保存 Promise 的 ID
的方案都意味着您需要对其进行引用。

输入弱映射

WeakMaps 意味着 很弱。没有办法枚举弱映射或获取其所有值。在弱映射中,您可以基于键存储数据,并且当键被垃圾收集时,值也会被收集。

这意味着给定一个承诺,您可以存储有关它的状态——并且该对象仍然可以被垃圾收集。稍后,如果你得到一个对象的引用,你可以检查你是否有任何与之相关的状态并报告它。

这被P​​etkaAntonov用来实现未处理的拒绝钩子,如下所示

process.on('unhandledRejection', function(reason, p) {
    console.log("Unhandled Rejection at: Promise ", p, " reason: ", reason);
    // application specific logging, throwing an error, or other logic here
});

我们将有关 Promise 的信息保存在 map 中,并且可以知道何时处理了被拒绝的 Promise。

2022-03-14