山东大学程序设计能力提升平台 Set

2021SC@SDUSC

Set

简述

Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。

Set数组去重

const numbers = [2,3,4,4,2,3,3,4,4,5,5,6,6,7,5,32,3,4,5]
console.log([...new Set(numbers)])
//或者Array.from(new Set(members))

WeakSet

和set的区别:

• 与Set相比，WeakSet 只能是对象的集合，而不能是任何类型的任意值。 WeakSet持弱引用：集合中对象的引用为弱引用。
• 如果没有其他的对WeakSet中对象的引用，那么这些对象会被当成垃圾回收掉。 这也意味着WeakSet中没有存储当前对象的列表。正因为这样，WeakSet 是不可枚举的。
  WeakSet.length==0
  举例:

let array=[[1,2],[3,4]]
let ws=new WeakSet(array)  //{[1,2],[3,4]}

但不能这样写:

let array=[1,2,3,4]
let ws=new WeakSet(array) //报错

方法

add,has,delete

应用场景:避免Dom移除引发的内存泄露

举个例子,在这种情况下无法回收子节点

var select = document.querySelector;
var treeRef = select('#tree');

var leafRef = select('#leaf');   //在COM树中leafRef是treeFre的一个子结点

select('body').removeChild(treeRef);//#tree不能被回收入，因为treeRef还在

又或者,当移除某个dom时,无法回收其绑定的事件(@click等)

下面代码保证了Foo的实例方法，只能在Foo的实例上调用。这里使用 WeakSet 的好处是，foos对实例的引用，不会被计入内存回收机制，所以删除实例的时候，不用考虑foos，也不会出现内存泄漏。

const foos = new WeakSet()
class Foo {
  constructor() {
    foos.add(this)
  }
  method () {
    if (!foos.has(this)) {
      throw new TypeError('Foo.prototype.method 只能在Foo的实例上调用！');
    }
  }
}