WeakMap 与 Map 的区别,为什么要有 WeakMap

138 阅读1分钟

我们直接写下如下的代码

const myMap = new Map();
const myWeakMap = new WeakMap();
(function () {
  let per = { name: "Nancy" };
  let per2 = { age: 123 };
  myMap.set(per, "good");
  myWeakMap.set(per2, "goo2");
})();
console.log(myMap); //Map(1) { { name: 'Nancy' } => 'good' } 
console.log(myWeakMap);    // WeakMap { <items unknown> }

我们创建了Map 与 WeakMap,随即在立即执行函数中添加了以对象为key的数据。当这个函数执行完毕后,正常来说,per与per2都会被垃圾回收,其引用的对象也会消失。

这时候,myMap中依然还有 {name:'Nancy'} 这个key,说明per还没有被回收。因为Map对其键进行了强引用,所以即使是立即执行函数,per也不会被回收。而WeakMap是弱引用,per2就被垃圾回收了。