ES6 WeakMap的实际用途是什么？

Question

的实际用途是什么WeakMap（弱点地图）ECMAScript 6中引入的数据结构？

由于弱映射的键创建了对其相应值的强引用，因此确保插入到弱映射中的值将从未只要它的键仍然存在就消失，它不能用于备注表、缓存或任何其他通常使用弱引用、弱值映射等的对象。

在我看来：

weakmap.set（键，值）；

……只是一种迂回的说法：

key.value=值；

我遗漏了哪些具体的用例？

Answer 1

基本上

WeakMaps提供了一种从外部扩展对象的方法，而不会干扰垃圾收集。只要您想扩展一个对象，但由于它是密封的或来自外部源而无法扩展，就可以应用WeakMap。

WeakMap是一个地图（字典），其中钥匙弱-即，如果所有对钥匙丢失，并且不再引用值-价值可以进行垃圾收集。让我们先通过示例来展示这一点，然后稍作解释，最后以实际使用结束。

假设我使用的API为我提供了一个特定对象：

var obj=获取对象源库（）；

现在，我有一个使用对象的方法：

函数useObj（obj）{用（obj）做某事；}

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

var-map=新map（）；//贴图可以有对象关键点函数useObj（obj）{用（obj）做某事；var调用=map.get（obj）|0；调用++；//又打了一次电话if（调用>10）report（）；//报告调用超过10次map.set（对象，称为）；}

这是可行的，但它有一个内存泄漏——我们现在跟踪传递给函数的每个库对象，从而防止库对象被垃圾收集。相反，我们可以使用弱点地图:

var-map=新的WeakMap（）；//创建弱映射函数useObj（obj）{用（obj）做某事；var调用=map.get（obj）||0；调用++；//又打了一次电话if（调用>10）report（）；//报告调用超过10次map.set（对象，称为）；}

内存泄漏消失了。

用例

一些用例可能会导致内存泄漏，并由启用WeakMap（弱点地图）包括：

• 保留特定对象的私有数据，并且仅允许引用地图的人访问该数据。随着私有符号提案的提出，一种更为特殊的方法也随之而来，但这距离现在还有很长一段时间。
• 保留有关库对象的数据，而不更改它们或产生开销。
• 保存关于一小组对象的数据，其中存在许多此类对象，以避免JS引擎用于相同类型对象的隐藏类出现问题。
• 在浏览器中保存有关DOM节点等宿主对象的数据。
• 从外部向对象添加功能（如另一个答案中的事件发射器示例）。

让我们看看真正的用途

它可以用于从外部延伸对象。让我们从Node.js的真实世界中给出一个实用的（经过改编的，有点真实的）示例。

假设你是Node.js承诺对象-现在您想跟踪所有当前被拒绝的承诺-然而，您确实要这样做不希望在不存在对它们的引用的情况下防止它们被垃圾收集。

现在，你不要出于明显的原因，您希望向本机对象添加属性，所以您遇到了困难。如果保留对承诺的引用，则会导致内存泄漏，因为不会发生垃圾回收。如果你不保留推荐信，那么你就无法保存关于个人承诺的额外信息。任何涉及保存承诺ID的方案都意味着您需要引用它。

输入WeakMaps

WeakMaps意味着钥匙都很弱。无法枚举弱映射或获取其所有值。在弱映射中，可以基于键存储数据，当键被垃圾收集时，也可以存储值。

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

这用于实施未处理的拒绝挂钩佩特卡·安东诺夫这:

process.on（'unhandledRejection'，函数（reason，p）{console.log（“Unhandled Rejection at：Promise”，p，“reason:”，reason）；//特定于应用程序的日志记录、引发错误或其他逻辑});

我们将有关承诺的信息保存在地图中，并可以知道何时处理了被拒绝的承诺。

Answer 2

这个答案似乎有偏见，在现实世界中无法使用。请按原样阅读，不要把它当作实验之外的实际选项

一个用例可能是将它用作听众的字典，我有一个同事这样做了。这非常有用，因为任何听众都会直接以这种方式做事。再见听众.on.

但从更抽象的角度来看，WeakMap（弱点地图）对基本上任何东西的非物质化访问都特别强大，您不需要名称空间来隔离其成员，因为它已经被此结构的性质所暗示。我非常确信，通过替换笨拙的冗余对象键，您可以做一些主要的内存改进（尽管解构可以为您完成这项工作）。

---

在阅读下一步内容之前

我现在确实意识到我的强调并不是解决问题的最佳方式本杰明·格伦鲍姆指出（检查他的答案，如果它还没有超过我的答案：p），这个问题不可能用常规方法解决地图，因为它会泄漏，因此WeakMap（弱点地图）因为它们不保留引用，所以不会干扰垃圾收集。

---

这是我同事的实际代码（感谢他用于共享）

此处为完整源代码，这是关于我上面提到的侦听器管理（您也可以查看规格)

var listenableMap=新的WeakMap（）；导出函数getListenable（对象）{if（！listenableMap.has（object））{listenableMap.set（对象，{}）；}return listenableMap.get（object）；}导出函数getListeners（对象，标识符）{var listenable=getListenable（对象）；listenable[identifier]=可侦听[identififier]|[]；返回可侦听的[identifier]；}上的导出函数（对象、标识符、侦听器）{var listeners=getListeners（对象，标识符）；listeners.push（listener）；}导出函数removeListener（对象、标识符、侦听器）{var listeners=getListeners（对象，标识符）；var index=监听器.indexOf（监听器）；if（索引！==-1）{侦听器。拼接（索引，1）；}}导出函数emit（对象、标识符…参数）{var listeners=getListeners（对象，标识符）；for（监听器的var监听器）{listener.apply（对象，参数）；}}

Answer 3

WeakMap（弱点地图）适用于封装和信息隐藏

WeakMap（弱点地图）仅适用于ES6及以上版本。A类WeakMap（弱点地图）是键和值对的集合，其中键必须是对象。在下面的示例中，我们构建了一个WeakMap（弱点地图）有两个项目：

var-map=新的WeakMap（）；var pavloHero={first:“Pavlo”，last:“Hero”}；var gabrielFranco={first:“Gabriel”，last:“Franco”}；map.set（pavloHero，“这是英雄”）；map.set（gabrielFranco，“这是Franco”）；console.log（map.get（pavloHero））//这是英雄

我们使用了设置（）方法来定义对象和另一项（在我们的示例中是字符串）之间的关联。我们使用了获取（）方法检索与对象关联的项。有趣的方面WeakMap（弱点地图）s是一个事实，它包含对映射中键的弱引用。弱引用意味着如果对象被销毁，垃圾收集器将从WeakMap（弱点地图）从而释放内存。

var剧院座位=（function（）{var priv=新的WeakMap（）；var=函数（实例）{return priv.get（实例）；};return（函数（）{函数TheatreSeatsConstructor（）{var privateMembers={座位：[]};priv.set（this，privateMembers）；this.maxSize=10；}TheatreSeatsConstructor.prototype.placePerson=功能（人）{_（本）.座位.推（人）；};TheatreSeatsConstructor.prototype.countOccupiedSeats=功能（）{返回_（本）.座位.长度；};TheatreSeatsConstructor.prototype.isSaldOut=函数（）{return _（this）.seats.length>=this.maxSize；};TheatreSeatsConstructor.prototype.countFreeSeats=函数（）{return this.maxSize-_（this）.seats.length；};return TheatreSeatsConstructor；}());})()

Answer 4

𝗠𝗲𝘁𝗮𝗱𝗮𝘁𝗮

弱映射可以用于存储有关DOM元素的元数据，而不会干扰垃圾收集或让同事对您的代码感到愤怒。例如，您可以使用它们对网页中的所有元素进行数字索引。

𝗪𝗶𝘁𝗵𝗼𝘂𝘁 𝗪𝗲𝗮𝗸𝗠𝗮𝗽𝘀 𝗼𝗿 𝗪𝗲𝗮𝗸𝗦𝗲𝘁𝘀:

var elements=document.getElementsByTagName（'*'），i=-1，len=元件长度；while（++i！==长度）{//写得这么糟糕的生产代码让我想哭：元素[i].lookupindex=i；元素[i].elementref=[]；elements[i].elementref.push（elements[（i*i）%len]）；}//然后，您可以访问查找索引的//对于那些刚接触javascirpt的人，我希望下面的评论能够帮助解释//三元运算符（？：）如何像内联if语句一样工作文档.write（document.body.lookupindex+“<br/>”+(（document.body.elementref.indexOf（document.currentScript）！==-1)? // if（document.body.elementref.indexOf（document.currentScript）！==-1){“正确”：//}其他{“假”)   // });

𝗨𝘀𝗶𝗻𝗴 𝗪𝗲𝗮𝗸𝗠𝗮𝗽𝘀 𝗮𝗻𝗱 𝗪𝗲𝗮𝗸𝗦𝗲𝘁𝘀:

var DOMref=新的WeakMap（），__DOMref_value=数组，__DOMref_lookupindex=0，__DOMref_otherelement=1，elements=document.getElementsByTagName（'*'），i=-1，len=元素长度，cur；while（++i！==长度）{//写得这么好的生产代码让我想😊:cur=DOMref.get（元素[i]）；if（cur===未定义）DOMref.set（元素[i]，cur=新__DOMref_value）cur[__DOMref_lookupindex]=i；cur[__DOMref_otherelement]=新的WeakSet（）；cur[__DOMref_otherelement].add（元素[（i*i）%len]）；}//然后，您可以访问lookupindex的cur=DOMref.get（document.body）document.write（cur[__DOMref_lookupindex]+'<br/>'+(cur[__DOMref_otherelement].has（document.currentScript）? // if（cur[__DOMref_otherelement].has（document.currentScript））{“正确”：//}其他{“假”)   // });

𝗧𝗵𝗲 𝗗𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝗰𝗲

除了弱映射版本更长之外，这种差异看起来可以忽略不计，但是上面显示的两段代码之间存在着重大差异。在第一段代码中，没有弱映射，代码段存储DOM元素之间的所有引用。这可以防止对DOM元素进行垃圾收集。（i*i）%长度可能看起来很奇怪，没有人会使用，但请再想一想：大量生产代码都有DOM引用，这些引用在文档中到处都是。现在，对于第二段代码，由于对元素的所有引用都很弱，当您删除节点时，浏览器能够确定该节点未被使用（代码无法访问），从而将其从内存中删除。您应该关注内存使用情况和内存锚定（比如内存中保存未使用元素的第一段代码）的原因是，内存使用量越大，意味着浏览器的GC尝试越多（试图释放内存以避免浏览器崩溃），意味着浏览体验越慢，有时甚至会导致浏览器崩溃。

至于这些的聚乙烯填充物，我会推荐我自己的图书馆(在这里找到@github). 这是一个非常轻量级的库，它将简单地对其进行聚合填充，而不会使用其他聚合填充中可能找到的任何全面复杂的框架。

~快乐编码！

Answer 5

我使用WeakMap（弱点地图）用于缓存将不可变对象作为参数的函数的无忧记忆。

记忆是一种奇特的说法，即“计算值后，缓存它，这样就不必再计算它”。

下面是一个示例：

//从此处使用immutable.jshttps://facebook.github.io/immutable-js/const-memo=新WeakMap（）；让myObj=不变。地图（{a:5，b:6}）；函数someLongComputeFunction（someImmutableObj）{//如果我们保存了值，则返回它if（memor.has（someImmutableObj））{console.log（'已使用备忘录！'）；return memo.get（someImmutableObj）；}//否则计算、设置并返回const computedValue=someImmutableObj.get（'a'）+someImMUtableOb2.get（‘b'）；memo.set（someImmutableObj，computedValue）；console.log（“计算值”）；return computedValue；}someLongComputeFunction（myObj）；someLongComputeFunction（myObj）；someLongComputeFunction（myObj）；//重新指派myObj=不变。地图（{a:7，b:8}）；someLongComputeFunction（myObj）；

<script src=“https://cdnjs.cloudflare.com/ajax/libs/inmunitable/3.8.1/immutable.min.js“></script>

需要注意的几点：

• 当您修改Immutable.js对象时，它们会返回新的对象（带有新指针），因此在WeakMap中使用它们作为键可以保证相同的计算值。
• WeakMap非常适合备忘录，因为一旦对象（用作键）被垃圾收集，WeakMap上的计算值也会被垃圾收集。

Answer 6

我有一个简单的WeakMaps基于功能的用例/示例。

管理用户集合

我从一个用户其属性包含全名,用户名,年龄,性别和一个名为打印它打印其他属性的可读摘要。

/**具有通用属性的基本用户对象。*/功能用户（用户名、全名、年龄、性别）{this.username=用户名；this.fullname=全名；this.age=年龄；this.gender=性别；this.print=（）=>console.log（`${this.fullname}是${age}岁的${gender}`）；}

然后我添加了一个名为用户保存由键控的多个用户的集合用户名.

/**用户集合，由用户名键入。*/var users=新映射（）；

添加Collection还需要helper函数来添加、获取、删除User，甚至需要一个函数来打印所有用户，以确保完整性。

/**创建用户对象并将其添加到用户集合。*/var addUser=（用户名、全名、年龄、性别）=>{让an_user=新用户（用户名、全名、年龄、性别）；users.set（用户名，an_user）；}/**返回与集合中给定用户名关联的用户对象。*/var getUser=（用户名）=>{return users.get（用户名）；}/**删除与集合中给定用户名关联的用户对象。*/var deleteUser=（用户名）=>{users.delete（用户名）；}/**打印集合中所有用户对象的摘要。*/var printUsers=（）=>{users.forEach（（用户）=>{user.print（）；});}

假设上面的所有代码都在运行节点JS，只有用户Map在整个流程中引用用户对象。没有其他对单个用户对象的引用。

运行此代码是一个交互式NodeJS shell，就像示例一样，我添加了四个用户并打印它们：

在不修改现有代码的情况下向用户添加更多信息

现在假设需要一个新功能，其中需要跟踪每个用户的社交媒体平台（SMP）链接以及用户对象。

这里的关键还在于，必须在对现有代码进行最小干预的情况下实现此功能。

使用WeakMaps可以通过以下方式实现这一点。

我为Twitter、Facebook和LinkedIn添加了三个单独的WeakMaps。

/*社交媒体平台（SMP）的WeakMaps。可以替换为一个可以增长的地图基于不同的SMP名称。无论如何。。。*/var sm_platform_twitter=新的WeakMap（）；var sm_platform_facebook=新的WeakMap（）；var sm_platform_linkedin=新的WeakMap（）；

辅助功能，获取SMPWeakMap仅添加以返回与给定SMP名称关联的WeakMap。

/**返回给定SMP的WeakMap。*/var getSMPWeakMap=（sm_platform）=>{if（sm_platform==“推特”）{返回sm_platform_twitter；}else if（sm_platform==“Facebook”）{返回sm_platform_facebook；}else if（sm_platform==“LinkedIn”）{返回sm_platform_linkedin；}返回未定义；}

将用户SMP链接添加到给定SMP WeakMap的函数。

/**添加与给定用户关联的SMP链接。用户必须已添加到集合中。*/var addUserSocialMediaLink=（用户名，sm_platform，sm_link）=>{let user=getUser（用户名）；让sm_platform_weakmap=getSMPWeakMap（sm_platform）；if（用户&&sm_platform_weakmap）{sm_platform_weakmap.set（用户，sm_link）；}}

只打印给定SMP上的用户的功能。

/**仅打印给定SMP上的用户的全名和相应的SMP链接。*/var printSMPUsers=（sm_platform）=>{让sm_platform_weakmap=getSMPWeakMap（sm_platform）；console.log（`${sm_platform}:`的用户）users.forEach（（用户）=>{if（sm_platform_weakmap.has（用户））{console.log（`\t$｛user.fullname｝：$｛sm_platform_weakmap.get（user）｝）}});}

现在您可以为用户添加SMP链接，也可以让每个用户在多个SMP上都有一个链接。

…继续前面的示例，我向用户添加SMP链接，为用户Bill和Sarah添加多个链接，然后分别打印每个SMP的链接：

现在假设用户已从用户通过调用映射删除用户。这将删除对用户对象的唯一引用。这反过来也将从任何/所有SMP WeakMaps中清除SMP链接（通过垃圾收集），因为如果没有用户对象，则无法访问其任何SMP链接。

…继续示例，我删除用户比尔然后打印出与他关联的SMP的链接：

不需要任何附加代码来单独删除SMP链接，并且在该功能未被修改之前的现有代码也不需要修改。

如果有任何其他方式可以添加此功能，无论是否使用WeakMaps，请随时发表评论。

Answer 7

威克迈：请记住，weakMap只与内存分配和垃圾收集有关，只与对象类型的键有关在javascript中，当u将值存储在键值对数组、映射、集合等中时……一个分配给所有键值对的内存，即使删除或将该键设置为null，该内存也不会空闲。考虑到这是一个强映射键，如下所示

让yusuf={name:“yusuf”}；让map=新map（）；map.set（yusuf，“xyz”）//这里“yusuf”是键，“xyz”是值yusuf=空；//覆盖引用//yusuf先前引用的对象存储在数组中//因此它不会被垃圾收集//我们可以使用map.keys（）获得它

但这不是weakMap的情况，这里的内存将是空闲的

让yusuf={name:“yusuf”}；let map=新的WeakMap（）；map.set（优素福，“…”）；yusuf=空；//覆盖引用//尤素夫已从记忆中消失！

用例：您将在javascript中使用它，以便以更高效的方式管理内存

如果我们正在处理一个“属于”另一个代码的对象，甚至可能是第三方库，并且希望存储一些与之相关的数据，那么该对象应该只在对象存在时存在，那么WeakMap正是我们所需要的。

我们将数据放在WeakMap中，使用对象作为键，当对象被垃圾收集时，数据也会自动消失。

weakMap.set（yusuf，“秘密文件”）；//如果优素福死了，秘密文件将自动销毁

我引用了这篇伟大的文章：https://javascript.info/weakmap-weakset

Answer 8

const aNormalMap=新贴图（）；函数pushToMap（）{for（设i=0；i<10；i++）{aNormalMap.set（{}，i）；}}const aWeakMap=新WeakMap（）；函数pushToWeakMap（）{for（设i=0；i<10；i++）{aWeakMap.set（{}，i）；}}函数main（）{pushToMap（）；/***调用pushToMap后*/pushToWeakMap（）；/***调用pushToWeakMap后*/}

呼叫后推送到地图，有不可能去拿aNormalMap（法线贴图）通过按键，因为按键（即。{})对于pushToWeakMap是本地的，在pushToMap存在后，键（即。{})因为无法实现，让我重申一下这一点

钥匙（即。{})函数存在后不可访问，应该对其进行垃圾收集

然而，这样一个“不可访问”的键将存在于内存中永远，因为即使密钥本身不可访问，我们仍然可以通过枚举aNormalMap（法线贴图）.因此“不可访问”不能是GC

另一方面，“不可访问”键将不是驻留在内存中，即使它由a薄弱环节地图，因为它是弱

Answer 9

我认为这对检查应用程序套接字中的连接收入非常有用。另一种情况下，“弱集合”很有用：https://javascript.info/task/recipients-read