JavaScriptES6——关于Set和WeakSet的理解以及弱引用

本文主要是介绍JavaScriptES6——关于Set和WeakSet的理解以及弱引用，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、set是什么？

set是一种可迭代对象，它是ES6新增的一种复杂数据类型，它使得集合中存储的内容不会重复，当往Set中新增重复的数值时，Set将自动忽略这样的操作。

2、为什么要有set？

总的来说，是因为Object的key只能为字符串。虽然Object对象的key也可以实现Set实现的存储不重复的内容，但是Object的key只能为字符串，例如object[‘5’]和object[5]访问到的都是‘5’的属性值，而set中存储‘5’和5将是不一样的内容。

3、set如何使用？

（1）set通过new Set()进行初始化，参数可以是任何可迭代对象。

var s1 = new Set();
var s2 = new Set([1,2,3]);
var s3 = new Set(s2);
var s4 = new Set(new Map([[1,2]]));

（2）set常用的属性是size，获取set内容的数量。

（3）set常用的方法如图所示：
在这里插入图片描述
其中，set.add()是向set添加元素，set.clear()是清空set，set.delete()是删除某元素，set.values()和set.keys()返回的结果都为set的所有元素（因为set的key和value是一样的），set.entries()返回SetIterator的key=>value。

4、set的强引用的问题

var s1 = new Set();
var obj1 = { name: 'yuki' };s1.add(obj1);// 此时obj1已经不指向{name:'yuki'}了
obj1 = null;console.log([...s1][0]); // 输出 {name: 'yuki'}，还是能获取到该对象

这主要是因为set是强引用，它在0位置引用了{name:’yuki’}这个对象，而当obj1=null之后，set还是引用了{name:’yuki’}，因此该对象就无法被垃圾回收机制回收掉。因此，有时候我们希望当obj1=null之后，s1中不再存储obj1对象的值，该对象可以被回收。

5、WeakSet及弱引用？

WeakSet就用于解决上述问题，与Set相比，WeakSet 只能是对象的集合，而不能是任何类型的任意值。集合中对象的引用为弱引用。如果没有其他的对WeakSet中对象的引用，那么这些对象会被当成垃圾回收掉。这也意味着WeakSet中没有存储当前对象的列表。正因为这样，WeakSet是不可枚举的，它只有add、delete、has三个方法。

弱引用：如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象是否还在该弱引用的结构中。

var obj1 = { name: 'yuki' };
var obj2 = obj1;
var s1 = new WeakSet([obj1, obj2]); //此时s1只有一个元素
console.log(s1.has(obj2)); // true
obj1 = null;
console.log(s1.has(obj2)); // true，因为obj2还在引用{name:’yuki’}这个对象
obj2 = null;
// 此时无法用代码证明对象已经被回收了，因为没有变量指向该对象了