重学ES6 WeakMap

含义

WeakMap和Map区别有一下两点

第一是：WeakMap只接受对象作为键名（null除外），不接受其他类型作为键值

第二是：WeakMap键名所指向的对象不计入垃圾回收机制

WeakMap的设计目的在于：有的时候，我们想在某个对象上存放一些数据，但是这会形成对这个对象的引用。

example：

const e1 = document.getElementById('foo')
const e2 = document.getElementById('bar')
const arr = [
    [e1,'foo元素'],
    [e2,'bar元素']
]
复制代码

我们通过数组，对e1和e2两个对象添加了说明，就形成了对e1和e2的引用。

一旦不需要这两个对象了，我们必须手动清除这个引用，否则垃圾回收机制不会e1和e2占用的内存。

arr[0] = null
arr[1] = null 
复制代码

但是这样写很麻烦，也容易忘记，造成内存泄漏。

WeakMap就是为了解决这个问题诞生的。它的键名所引用的对象都是若引用，垃圾回收机制不将该引用考虑在内。

基本上，如果要向对象添加数据，又不想干扰垃圾回收机制，就可以使用WeakMap。

const wm = new WeakMap()
const e1 = document.getElementById('foo')
wm.set(el,'some information')
wm.get(el)
复制代码

weakMap的使用场景关键就是它的键所对应的对象可能在将来消失的场景。防止内存泄漏。

weakMap方法

只有四个方法

• get()
• set()
• has()
• delete()

转载于:https://juejin.im/post/5cef2327f265da1b904bc561