大前端JS篇之搞懂WeakSet

Posted 要爱学习鸭

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了大前端JS篇之搞懂WeakSet相关的知识,希望对你有一定的参考价值。

和Set一样,WeakSet也是es6新增的一种数据结构,那么它和Set有什么区别呢?

WeakSet对比Set主要是两个区别:

  1. WeakSet只能放置对象,不能是其他任何类型
  2. WeakSet里面的保存的都是对对象的弱引用

这里我们理解下什么叫对对象的弱引用,也就是说js的垃圾回收机制不会考虑WeakSet里面的对象,如果里面的对象在外面没有被引用,垃圾回收机制会回收该对象,不会考虑这些对象是否存在于WeakSet中。这就使得我们可以利用WeakSet来存放一些临时对象,而不用考虑后面这些对象如果不用了忘记清空产生内存泄漏的问题

WeakSet有三个方法:

  1. WeakSet.prototype.add(value):添加对象
  2. WeakSet.prototype.delete(value): 删除对象
  3. WeakSet.prototype.has(value):判断某个对象是否存在
const wset = new WeakSet()

const a = 
const b= 

wset.add(a)
wset.add(b)

wset.delete(a)

wset.has(b)

注意的是WeakSet没有size属性和forEach方法,没法进行遍历,因为保存的都是对象的弱引用,可能何时这些对象的引用就会不存在了。

WeakSet 的一个使用场景就是用来保存dom节点,不用担心dom节点从文档中移除产生内存泄漏的问题

以上是关于大前端JS篇之搞懂WeakSet的主要内容,如果未能解决你的问题,请参考以下文章

前端最强面试宝典 - JS 篇之数据类型

前端最强面试宝典 - JS 篇之 ES6

前端模块化开发篇之grunt&webpack篇

前端模块化开发篇之grunt&webpack篇

一文搞懂this指向

skywalking-client-js前端监控实现分析(零基础搞懂前端监控)