ES6中的数据结构WeakSet

不念不忘少年蓝@ 2022-09-16 08:59 161阅读 0赞

### 前言 ###

> 小伙伴们大家好。前面一篇文章中我们已经分享了一个ES6中的数据结构Set，掌握了Set的一些特点和方法，相信对我们日后开发一定会有很大的帮助。接下来我们再来看es6中与Set非常类似的另外一个数据结构WeakSet。

### WeakSet ###

> WeakSet 数据结构与Set类似，也是不重复的值的集合，同时也是一个构造函数。但有2点不同：WeakSet的值必须都是对象并且WeakSet是不可遍历的。WeakSet的特点及用法如下：
> 
>  *  WeakSet也是一个构造函数，可以用new来创建WeakSet数据结构，同时WeakSet可以接收一个值为对象的数组（或者具有 iterable 接口的其他数据结构）作为参数用来初始化WeakSet
>  *  WeakSet的值只能是对象类型，不能是其它类型（基本数据类型）
>  *  WeakSet没有size属性，不能被遍历
>  *  WeakSet中的值也是不能重复的，跟Set一样WeakSet中两个对象永远是不相等的，即使键和值都是一样的
>  *  WeakSet 中的对象都是弱引用，即垃圾回收机制不考虑 WeakSet 对该对象的引用，也就是说，如果其他对象都不再引用该对象，那么垃圾回收机制会自动回收该对象所占用的内存，不考虑该对象还存在于 WeakSet 之中。

// 1. WeakSet也是一个构造函数，可以用new来创建WeakSet数据结构
    // 2. WeakSet可以接收一个值为对象的数组（或者具有 iterable 接口的其他数据结构）作为参数用来初始化WeakSet
    let ws = new WeakSet([{ "a":"b"},[1,2],function(){ }]);
    
    // 3. WeakSet的值只能是对象类型，不能是其它类型（基本数据类型）
    let ws = new WeakSet([1,2,3]);
    //结果：Uncaught TypeError: Invalid value used in weak set(…)
    
    // 4. WeakSet没有size属性，不能被遍历
    ws.size // undefined
    ws.forEach // undefined
    ws.forEach(function(item){  console.log(item)})
    // TypeError: undefined is not a function

### WeakSet 的方法 ###

> WeakSet 跟Set不同，它只提供了3个方法，因为WeakSet是不能遍历的因此对于Set中所有遍历的方法在WeakSet中都是不存在的。
> 
>  *  add(value)向 WeakSet 实例添加一个新成员，value必须是对象类型否则会报错，返回值也是一个WeakSet的实例
>  *  delete(value)删除WeakSet中指定的成员，返回值为布尔类型，标识是否删除成功。
>  *  has(value)检测WeakSet中是否存在指定的成员，返回值为布尔类型，标识成员是否存在。

### WeakSet的使用场景 ###

> 由于WeakSet中的对象都是弱引用，不会被垃圾回收机制所考虑这一特点，因此WeakSet可以用来**储存 DOM 节点，而不用担心这些节点从文档移除时，会引发内存泄漏**

### 总结 ###

> 本文分享了关于WeakSet的一些用法和特点，并与之前学过Set做了简单的比较，最后根据WeakSet的特殊特点还总结了关于它的使用场景。  
> 喜欢的小伙伴欢迎点赞留言加关注哦！

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6新增的Set、WeakSet 、Map、WeakMap数据结构

ES6中新增了内置引用类型：Set、WeakSet 、Map、WeakMap ，他们都是数据结构，数据结构是指相互之间存在特定关系的数据元素的集合。其中Set和Map提供

亦凉/ 2023年08月17日 15:42/ 0 赞/ 62 阅读

相关 ES6中的Set、WeakSet、Map、WeakMap数据结构

目录 Set WeakSet Map WeakMap Set > Set本身是

今天药忘吃喽~/ 2022年12月12日 04:54/ 0 赞/ 221 阅读

相关 es6 WeakSet使用

//new WeakSet()声明 let weakObj=new WeakSet(); let obj={a:'jspang',b:'技术胖'}

柔光的暖阳◎/ 2022年12月01日 09:57/ 0 赞/ 133 阅读

相关 ES6数据结构之Set、WeakSet、Map、WeakMap大比拼

前言 > 小伙伴们大家好。前面我们已经对Set、WeakSet、Map、WeakMap四种数据结构的特点及用法分别做了分享和介绍。为了让小伙伴们能够更直接的理解4种数据结

朱雀/ 2022年09月16日 11:27/ 0 赞/ 160 阅读

相关 ES6中的数据结构Map

前言 > 小伙伴们大家好，前面我们已经学习了es6中的Set和WeakSet两种数据结构，今天将给大家分享es6为我们提供的另一种数据结构Map。 > > 大家都知道在

心已赠人/ 2022年09月16日 11:06/ 0 赞/ 223 阅读

相关 ES6中的数据结构WeakSet

前言 > 小伙伴们大家好。前面一篇文章中我们已经分享了一个ES6中的数据结构Set，掌握了Set的一些特点和方法，相信对我们日后开发一定会有很大的帮助。接下来我们再来看e

不念不忘少年蓝@/ 2022年09月16日 08:59/ 0 赞/ 162 阅读

相关 ES6中Set和WeakSet的使用

转载请标明出处:[http://blog.csdn.net/u010046908/article/details/50844739][http_blog.csdn.net_u0

阳光穿透心脏的1/2处/ 2022年08月21日 02:08/ 0 赞/ 127 阅读

相关 es6 set和weakset

五．Set和WeakSet 数据结构是ES6新增。它与数组非常相似，但是Set数据结构的成员都是唯一的。特别说明:Set中只能添加一个NaN。

柔情只为你懂/ 2022年06月09日 14:44/ 0 赞/ 182 阅读

相关 ES6 WeakSet

WeakSet WeakSet 结构与 Set 类似，也是不重复的值的集合。但是，它与 Set 有两个区别。首先，WeakSet 的成员只能是对象，而不能是其

小咪咪/ 2022年03月22日 08:00/ 0 赞/ 148 阅读

相关 es6 javascript 的WeakMap结构+WeakSet数据结构

一，WeakSet 1.含义 WeakSet 结构与 Set 类似，也是不重复的值的集合。 2. 它与 Set 有两个区别首先， WeakSet 的成

以你之姓@/ 2021年09月15日 06:34/ 0 赞/ 292 阅读