-
大前端JS篇之搞懂【WeakSet】
和Set一样,WeakSet也是es6新增的一种数据结构,那么它和Set有什么区别呢?
WeakSet对比Set主要是两个区别:
- WeakSet只能放置对象,不能是其他任何类型
- WeakSet里面的保存的都是对对象的弱引用
这里我们理解下什么叫对对象的弱引用,也就是说js的垃圾回收机制不会考虑WeakSet里面的对象,如果里面的对象在外面没有被引用,垃圾回收机制会回收该对象,不会考虑这些对象是否存在于WeakSet中。这就使得我们可以利用WeakSet来存放一些临时对象,而不用考虑后面这些对象如果不用了忘记清空产生内存泄漏的问题
WeakSet有三个方法:
- WeakSet.prototype.add(value):添加对象
- WeakSet.prototype.delete(value): 删除对象
- 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节点从文档中移除产生内存泄漏的问题
出处:https://www.cnblogs.com/vonlin/p/15887377.html
栏目列表
最新更新
01 Web应用模式
python 约瑟夫生者小游戏 用list实现
DBPack 赋能 python 微服务协调分布式事务
PYTHON之SELENIUM调用XPATH实现网页操作
Python双人五子棋
matplotlib可视化系列之【排版】
C# 编写一个简单易用的 Windows 截屏增强工
Python 引用其他路径下的module
【Python - 基础】基础是一切升华的根本
自动化办公:手机号码提取器,使用正则
三大常用数据库事务详解之三:事务运行
三大常用关系型数据库事务详解之二:基
三大关系型数据库事务详解之一:基本概
MongoDB常用命令(2)
MongoDB基本介绍与安装(1)
SQLServer触发器调用JavaWeb接口
SQL Server索引的原理深入解析
SqlServer2016模糊匹配的三种方式及效率问题
SQL中Truncate的用法
sqlserver 多表关联时在where语句中慎用tri
Vue(1)Vue安装与使用
JavaScript 语言入门
js将一段字符串的首字母转成大写
纯原生html编写的h5视频播放器
H5仿原生app短信验证码vue2.0组件附源码地
TypeScript(4)接口
TypeScript(3)基础类型
TypeScript(2)WebStorm自动编译TypeScript配置
TypeScript(1)介绍与安装
ES6 - promise(1)