es6中Set、Map、WeakSet和WeakMap的区别

Set
    Set 类似于数组，本身是一个构造函数，用来生成 Set 数据结构，成员值是唯一且无序的，常用于数组去重
    Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据结构）作为参数，用来初始化
    Set 数据结构允许存储任何数据，无论是基本数据类型值或者是对象引用
    Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是向 Set 加入值时认为NaN等于自身，而精确相等运算符认为NaN不等于自身。另外，两个对象总是不相等的。
 

const s = new Set()
// 或
const s = new Set([1,2,3,3,5,4,6])
// Array.from() 方法可以将 Set 结构转为数组
console.log(Array.from(s)) // [1, 2, 3, 5, 4, 6]
// 使用扩展运算符（...）
console.log(...[s]) // [1, 2, 3, 5, 4, 6]

• 属性和方法
  size 返回Set实例的成员总个数
  add() 添加值，返回 Set 结构本身
  delete() 删除值，返回一个布尔值，表示删除是否成功
  has() 返回一个布尔值，表示该值是否为 Set 的成员
  clear() 清除所有成员，没有返回值

  const s = new Set()
  s.add(8)
  s.add(9)
  s.size // 2
  
  s.delete(8)
  s.size // 1
  
  s.has(8) // false
  s.has(9) // true
  
  s.clear()
  s.size // 0
  

• 遍历操作
  Set.prototype.keys()：返回键名的遍历器
  Set.prototype.values()：返回键值的遍历器
  Set.prototype.entries()：返回键值对的遍历器
  Set.prototype.forEach()：使用回调函数遍历每个成员

 Set的遍历顺序是插入顺序，可以使用 Set 保存一个回调函数列表，调用时就能保证按照添加顺序调用

let s = new Set(['one', 'two', 'three'])

[...s]             // ["one", "two", "three"]

[...s.keys()]      // ["one", "two", "three"]

[...s.values()]    // ['one', 'two', 'three']

[...s.entries()]   // [['one','one'], ['two', 'two'], ['three', 'three']]

WeakSet
    WeakSet 结构与 Set 类似，也是不重复的值的集合，作为构造函数，WeakSet 可以接受一个数组或类似数组的对象作为参数，但是 WeakSet 的成员只能是对象
    WeakSet 是一个构造函数，可以使用new命令，创建 WeakSet 数据结构，但是WeakSet 没有size属性
    WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用
    WeakSet 适合临时存放一组对象，以及存放跟对象绑定的信息。只要这些对象在外部消失，它在 WeakSet 里面的引用就会自动消失，所以 WeakSet 的成员是不适合引用的
    ES6 规定 WeakSet 是不可遍历的，因为 WeakSet 内部有多少个成员，取决于垃圾回收机制有没有运行，运行前后很可能成员个数是不一样的，而垃圾回收机制何时运行是不可预测的

    WeakSet 可以用来储存 DOM 节点，而不用担心这些节点从文档移除时引发内存泄漏
 

const ws = new WeakSet()
// 或
const ws2 = new WeakSet([[1, 2], [3, 4]])

ws.add(1) // TypeError: Invalid value used in weak set
ws.add(Symbol()) // TypeError: invalid value used in weak set

const obj = {}
ws.add(obj)
ws.has(obj) // true

ws.size // undefined    WeakSet没有size属性，没有办法遍历它的成员
ws.forEach // undefined

ws.delete(obj) // true
ws.has(obj) // false

方法
add()：向 WeakSet 实例添加一个新成员，返回 WeakSet 结构本身
delete()：清除 WeakSet 实例的指定成员，返回一个布尔值，表示删除是否成功
has()：返回一个布尔值，表示某个值是否在 WeakSet 实例之中
Map
    Map 数据结构类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键
    Object 结构提供了“字符串—值”的对应，Map 结构提供了“值—值”的对应，是一种更完善的 Hash 结构实现
    Map 在比较 key 时是不做类型转换的，并且Map 的键是跟内存地址绑定的，只要内存地址不一样，就视为两个键
    如果 Map 的键是一个简单类型的值（数字、字符串、布尔值），则只要两个值严格相等，Map 将其视为一个键，比如0和-0就是一个键，布尔值true和字符串true则是两个不同的键。另外，undefined和null也是两个不同的键。虽然NaN不严格相等于自身，但 Map 将其视为同一个键。如果对同一个键多次赋值，后面的值将覆盖前面的值
 

const map = new Map()
// 或
const map = new Map([['a', 1], ['b', 2]])

属性和方法
size 返回 Map 结构的成员总数
set() 设置键值对，返回整个 Map 结构，如果key已经有值，则键值会被更新，否则就新生成该键
get() 读取key对应的键值，如果找不到key，返回undefined
has() 返回一个布尔值，表示该值是否为 Map 的成员
delete() 删除某个键，返回一个布尔值，表示删除是否成功
clear() 清除所有成员，没有返回值
 

const map = new Map()
map.set('a1', 123);
map.set('a2', true);

map.size // 2

map.get('a1') // 123

map.has('a1') // true
map.delete('a1') // true
map.has('a1') // fasle
map.clear()
map.size // 0

遍历操作
Set.prototype.keys()：返回键名的遍历器
Set.prototype.values()：返回键值的遍历器
Set.prototype.entries()：返回键值对的遍历器
Set.prototype.forEach()：遍历 Map 的所有成员
    Map 的遍历顺序和Set一样也是插入顺序
 

const map = new Map([
  [1, 'one'],
  [2, 'two'],
  [3, 'three']
])

[...map.keys()]      // [1, 2, 3]

[...map.values()]    // ['one', 'two', 'three']

[...map.entries()]   // [[1,'one'], [2, 'two'], [3, 'three']]

[...map]             // [[1,'one'], [2, 'two'], [3, 'three']]

WeakMap
    WeakMap结构与Map结构类似，也是用于生成键值对的集合。WeakMap弱引用的只是键名，而不是键值，键值依然是正常引用，而且它只接受对象作为键名（null除外），不接受其他类型的值作为键名。除此之外，WeakMap 没有遍历操作，也没有size属性和clear()方法
    一个典型应用场景是，在网页的 DOM 元素上添加数据，就可以使用WeakMap结构。当该 DOM 元素被清除，其所对应的WeakMap记录就会自动被移除
 

const wm = new WeakMap()
// 或
const wm = new WeakMap([[{}, 1], [{}, 2]])

wm.set(1, 2)        // TypeError: 1 is not an object
wm.set(Symbol(), 2) // TypeError: Invalid value used as weak map key
wm.set(null, 2)    // TypeError: Invalid value used as weak map key

const obj = {}
wm.set(obj, 2)
wm.has(obj) // true
wm.get(obj) // 2

wm.size // undefined    WeakMap没有size属性，没有办法遍历它的成员
wm.forEach // undefined
wm.clear // undefined

wm.delete(obj) // true
wm.has(obj) // false
wm.get(obj) // undefined

方法
get()：读取key对应的键值，如果找不到key，返回undefined
set()：向 WeakMap 实例添加一个新成员，返回 WeakMap 结构本身
has()：返回一个布尔值，表示某个值是否在 WeakMap 实例之中
delete()：清除 WeakMap 实例的指定成员，返回一个布尔值，表示删除是否成功
Set和WeakSet的区别
WeakSet 的成员只能是对象，而不能是其他类型的值，而 Set 数据结构允许储存任何数据类型的唯一值
WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于 WeakSet 之中
Map和WeakMap的区别
WeakMap 对象是一组键值对的集合，其中的键是弱引用对象，而值可以是任意类型
WeakMap只接受对象作为键名（null除外），不接受其他类型的值作为键名
WeakMap 的键名所指向的对象，不计入垃圾回收机制
WeakMap 没有遍历操作，也没有size属性和clear()方法