JS WeakMap 什么时候用?

Posted 掘金安东尼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS WeakMap 什么时候用?相关的知识,希望对你有一定的参考价值。

减轻阅读负担,启发创作心智,轻松学习 javascript 技巧,日拱一卒,jym,冲~

JS


map 大家都很熟悉了,WeakMap 听说过吗?听这个名字就很“弱”的,别误会,它不是“弱”,而是容易被清理

举个栗子:

let john =  name: "John" ;

let array = [ john ];

john = null; // 覆盖引用

console.log(array[0]) // name: John

我们声明了一个 john 对象,然后在数组里面引用了它,然后再尝试清空它, ​​john = null​​,然后再访问:​​array[0]​​,结果发现,仍然能成功打印。

这说明 array 对 对象 john 的引用,导致内存无法正常清理。

JS

WeakMap 就是来解决这个问题的:

对比 2 组代码,分别是 map 和 weakMap 在这个问题下的表现:

  • Map
let john =  name: "John" ;

let map = new Map();
map.set(john, "...");

john = null; // 覆盖引用

console.log(map.keys()) // 仍然能访问

// john 被存储在了 map 中,
// 我们仍可以使用 map.keys() 来获取它

JS

  • WeakMap
let john =  name: "John" ;

let weakMap = new WeakMap();

weakMap.set(john, "...");

john = null; // 覆盖引用

console.log(weakMap.has(john))

// john 被从内存中删除了!

JS

WeakMap 中使用一个对象作为键,并且没有其他对这个对象的引用 —— 该对象将会被从内存(和map)中自动清除。

  • 此外特别说明:WeakMap 和 Map 的很重要的不同点就是,WeakMap 的键必须是对象,不能是原始值。

WeakMap 不支持迭代以及 keys(),values() 和 entries() 方法。所以没有办法获取 WeakMap 的所有键或值。

另外 WeakMap 只有以下的方法:weakMap.get(key)、weakMap.set(key, value)、weakMap.delete(key)、weakMap.has(key)

所以 WeakMap 的主要优点是它们对对象是弱引用,被它们引用的对象很容易地被垃圾收集器移除。但这是以不支持一些对象方法为代价换来的~

没有优劣之分,按需所取罢了~~

OK,以上便是本篇分享。点赞关注评论,为好文助力

以上是关于JS WeakMap 什么时候用?的主要内容,如果未能解决你的问题,请参考以下文章

小酌ObjectMap和WeakMap

小酌ObjectMap和WeakMap

浅析 Map 和 WeakMap 区别以及使用场景

浅析 Map 和 WeakMap 区别以及使用场景

浅析 Map 和 WeakMap 区别以及使用场景

ES6通过WeakMap解决内存泄漏问题