ES6 Map WeakMap Set WeakSet

Posted 2021-09-14 闲人

Map

js对象作为映射时主要的缺点是不能使用非字符串类型作为键，Map原则上来说可以使用任意数据类型作为键

let tMap = new Map();
let key1 = { x: 1 };
let key2 = { y: 2 };
// 赋值
tMap.set(key1, \'key1\');
tMap.set(key2, \'key2\');
// 取出所有值
let values = [ ...tMap.values() ];// [\'key1\',\'key2\']
// 在Map上使用entries()迭代
let items = [ ...tMap.entries() ];// [[{x:1}, \'key1\'],[{y: 2}, \'key2\']]
// 判断是否有指定的键
tMap.has(key1); // true
// size属性和clear()方法
tMap.size // 2
// key1 = null 后tMap依然会存在{x:1}=\'key1\'，也就是说将key1原来的对象保存了下来，没有被GC掉
key1 = null
tMap.clear()

WeakMap

WeakMap是Map的变体，二者的行为特征基本上一致，区别在于内部的内存分配工作方式。
WeakMap没有values、entries、clear方法和size属性
WeakMap的键只接受对象，而且这些对象是被弱持有的，当key1 = null后 {x:1}这部分是可以被GC回收的，并且tMap中也将key1这一项删除

let tMap = new WeakMap();
let key1 = { x: 1 };
tMap.set(key1, \'key1\');
key1 = null // tMap中不存在key1这一项

Set

Set是一组值的集合，并且其中的值是唯一的
如果Set中添加的是对象类型数据，这个对象的接受者被赋值为null后，set中依然会存在赋值之前的值

let s = new Set();
// add 方法
s.add(\'1\');
s.add(1);
// size属性
s.size // 2
/ 取出所有值
let values = [ ...s.values() ];// [\'1\',1]
// 在Map上使用entries()迭代
let items = [ ...s.entries() ];// [[1, \'1\'],[2, 1]]
// delete 方法
s.delete(\'1\')
// clear 方法
s.clear()
// has方法
s.has(1) //true

let o = {name: 11};
s.add(o);
o = null; // s中依然会存在{name: 11}这一项数据

WeakSet

WeakSet 的值必须是对象
WeakSet 没有values、entries、clear方法和size属性

let wSet = new WeakSet();
let obj = {name: \'里斯\'};
wSet.add(obj);

obj = null; // wSet中删除{name: \'里斯\'}这一项数据

总结：对象作为Map的key或者作为Set的值时，这个对象的引用计数都是2，分别指向变量和Map的key或者Set的值，当把变量赋值为null时，只是将对象指向变量的引用清除掉，指向key或者值的引用依然保留。当对象作为WeakMap的key或者WeakSet的值时，这个对象在这两者之间的引用属于弱引用（弱引用不会屏蔽垃圾回收），可以理解为引用计数此时都是1，当把变量赋值为null时，对应的对象引用计数就为0，被GC。所以WeakMap和WeakSet的实例中都将销毁该项。