大前端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】
文章来源:http://bzwzjz.com/article/dsojhjg.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设公司 攀枝花网站设计 成都企业网站建设公司 成都网站建设 成都商城网站建设 企业网站建设 成都营销网站建设 温江网站设计 盐亭网站设计 成都网站设计制作公司 成都网站制作 成都网站制作 响应式网站建设 成都品牌网站设计 高端品牌网站建设 成都网站制作 网站建设开发 定制级高端网站建设 成都商城网站制作 成都企业网站设计 专业网站设计 定制网站设计