ES6 Map WeakMap Set WeakSet
Map
js对象作为映射时主要的缺点是不能使用非字符串类型作为键,Map原则上来说可以使用任意数据类型作为键
let tMap = new Map();
let key1 = { x: 1 };
let key2 = { y: 2 };
// 赋值
tMap.set(key1, 'key1');
tMap.set(key2, 'key2');
// 取出所有值
let values = [ ...tMap.values() ];// ['key1','key2']
// 在Map上使用entries()迭代
let items = [ ...tMap.entries() ];// [[{x:1}, 'key1'],[{y: 2}, 'key2']]
// 判断是否有指定的键
tMap.has(key1); // true
// size属性和clear()方法
tMap.size // 2
// key1 = null 后tMap依然会存在{x:1}='key1',也就是说将key1原来的对象保存了下来,没有被GC掉
key1 = null
tMap.clear()
WeakMap
WeakMap是Map的变体,二者的行为特征基本上一致,区别在于内部的内存分配工作方式。
WeakMap没有values、entries、clear方法和size属性
WeakMap的键只接受对象,而且这些对象是被弱持有的,当key1 = null后 {x:1}这部分是可以被GC回收的,并且tMap中也将key1这一项删除
let tMap = new WeakMap();
let key1 = { x: 1 };
tMap.set(key1, 'key1');
key1 = null // tMap中不存在key1这一项
Set
Set是一组值的集合,并且其中的值是唯一的
如果Set中添加的是对象类型数据,这个对象的接受者被赋值为null后,set中依然会存在赋值之前的值
let s = new Set();
// add 方法
s.add('1');
s.add(1);
// size属性
s.size // 2
/ 取出所有值
let values = [ ...s.values() ];// ['1',1]
// 在Map上使用entries()迭代
let items = [ ...s.entries() ];// [[1, '1'],[2, 1]]
// delete 方法
s.delete('1')
// clear 方法
s.clear()
// has方法
s.has(1) //true
let o = {name: 11};
s.add(o);
o = null; // s中依然会存在{name: 11}这一项数据
WeakSet
WeakSet 的值必须是对象
WeakSet 没有values、entries、clear方法和size属性
let wSet = new WeakSet();
let obj = {name: '里斯'};
wSet.add(obj);
obj = null; // wSet中删除{name: '里斯'}这一项数据
总结:对象作为Map的key或者作为Set的值时,这个对象的引用计数都是2,分别指向变量和Map的key或者Set的值,当把变量赋值为null时,只是将对象指向变量的引用清除掉,指向key或者值的引用依然保留。当对象作为WeakMap的key或者WeakSet的值时,这个对象在这两者之间的引用属于弱引用(弱引用不会屏蔽垃圾回收),可以理解为引用计数此时都是1,当把变量赋值为null时,对应的对象引用计数就为0,被GC。所以WeakMap和WeakSet的实例中都将销毁该项。
2 声望
2 粉丝
推荐阅读
正则原理剖析
回溯法也称试探法,它的基本思想是:从问题的某一种状态(初始状态)出发,搜索从这种状态出发所能达到的所有“状态”,当一条路走到“尽头”的时候(不能再前进),再后退一步或若干步,从另一种可能“状态”出发,继...
闲人阅读 557
安全地在前后端之间传输数据 - 「3」真的安全吗?
在「2」注册和登录示例中,我们通过非对称加密算法实现了浏览器和 Web 服务器之间的安全传输。看起来一切都很美好,但是危险就在哪里,有些人发现了,有些人嗅到了,更多人却浑然不知。就像是给门上了把好锁,还...
边城赞 31阅读 7.2k评论 5
涨姿势了,有意思的气泡 Loading 效果
今日,群友提问,如何实现这么一个 Loading 效果:这个确实有点意思,但是这是 CSS 能够完成的?没错,这个效果中的核心气泡效果,其实借助 CSS 中的滤镜,能够比较轻松的实现,就是所需的元素可能多点。参考我们...
chokcoco赞 20阅读 2.1k评论 2
在前端使用 JS 进行分类汇总
最近遇到一些同学在问 JS 中进行数据统计的问题。虽然数据统计一般会在数据库中进行,但是后端遇到需要使用程序来进行统计的情况也非常多。.NET 就为了对内存数据和数据库数据进行统一地数据处理,发明了 LINQ (L...
边城赞 17阅读 1.9k
【已结束】SegmentFault 思否写作挑战赛!
SegmentFault 思否写作挑战赛 是思否社区新上线的系列社区活动在 2 月 8 日 正式面向社区所有用户开启;挑战赛中包含多个可供作者选择的热门技术方向,根据挑战难度分为多个等级,快来参与挑战,向更好的自己前进!
SegmentFault思否赞 20阅读 5.6k评论 10
过滤/筛选树节点
又是树,是我跟树杠上了吗?—— 不,是树的问题太多了!🔗 相关文章推荐:使用递归遍历并转换树形数据(以 TypeScript 为例)从列表生成树 (JavaScript/TypeScript) 过滤和筛选是一个意思,都是 filter。对于列表来...
边城赞 18阅读 7.7k评论 3
你可能不需要JS!CSS实现一个计时器
CSS现在可不仅仅只是改一个颜色这么简单,还可以做很多交互,比如做一个功能齐全的计时器?样式上并不复杂,主要是几个交互的地方数字时钟的变化开始、暂停操作重置操作如何仅使用 CSS 来实现这样的功能呢?一起...
XboxYan赞 21阅读 1.6k评论 1
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。