带你读《现代Javascript高级教程》——深入理解JavaScript中的WeakMap和WeakSet(1)

简介: 带你读《现代Javascript高级教程》——深入理解JavaScript中的WeakMap和WeakSet

在JavaScript的ES6版本中,引入了两种新的数据结构——WeakMapWeakSet。与Map和Set相比,这两种数据结构有一些特殊的特点和用途,因此在某些场合下,它们是更好的选择。本文将深入探讨WeakMapWeakSet的特性和用途。

1.  WeakMap和WeakSet概述

在我们深入研究这两种新的数据结构之前,首先来了解一下它们的基本特性。

1) WeakMap

WeakMap是一种键值对的集合,类似于Map。不过,WeakMapMap有几个重要的区别:

 

WeakMap中,只有对象可以作为键。换句话说,我们不能使用基本类型(如数字,字符串,布尔值等)作为WeakMap的键。

WeakMap的键是弱引用的。这意味着,如果一个对象只被WeakMap引用,那么这个对象可以被垃圾回收(GC)。当这个对象被垃圾回收后,它对应的键值对也会从WeakMap中自动移除。

WeakMap不可遍历,也就是说,我们不能使用像for...of这样的循环来遍历WeakMap

由于这些特性,WeakMap在处理内存泄漏问题和管理对象私有数据等场景中有着显著的优势

2) WeakSet

WeakSet也是一种集合,类似于SetWeakSetSet的主要区别包括:

WeakSet中,只有对象可以作为值。也就是说,我们不能将基本类型(如数字,字符串,布尔值等)添加到WeakSet中。

WeakSet中的对象是弱引用的。如果一个对象只被WeakSet引用,那么这个对象可以被垃圾回收。当这个对象被垃圾回收后,它会自动从WeakSet中移除。

WeakSet不可遍历,也就是说,我们不能使用像for...of这样的循环来遍历WeakSet

WeakSet在处理对象的唯一性、内存泄漏等问题上有其独特的应用。

2. WeakMap深入解析

下面,我们将更深入地探讨WeakMap的特性和用法。

1)WeakMap的创建和使用

我们可以使用new WeakMap()来创建一个新的WeakMap。在创建了WeakMap之后,我们可以使用set方法来添加新的键值对

 

使用get方法来获取某个键对应的值,使用delete方法来移除某个键及其对应的值,使用has方法来检查WeakMap中是否存在某个键。


带你读《现代Javascript高级教程》——深入理解JavaScript中的WeakMap和WeakSet(2)https://developer.aliyun.com/article/1347152?spm=a2c6h.12873581.technical-group.dArticle1347152.26521555d5rAc8

相关文章
|
5月前
|
前端开发 JavaScript 安全
高级前端开发需要知道的 25 个 JavaScript 单行代码
1. 不使用临时变量来交换变量的值 2. 对象解构,让数据访问更便捷 3. 浅克隆对象 4. 合并对象 5. 清理数组 6. 将 NodeList 转换为数组 7. 检查数组是否满足指定条件 8. 将文本复制到剪贴板 9. 删除数组重复项 10. 取两个数组的交集 11. 求数组元素的总和 12. 根据指定条件判断,是否给对象的属性赋值 13. 使用变量作为对象的键 14. 离线状态检查器 15. 离开页面弹出确认对话框 16. 对象数组,根据对象的某个key求对应值的总和 17. 将 url 问号后面的查询字符串转为对象 18. 将秒数转换为时间格式的字符串 19.
58 3
高级前端开发需要知道的 25 个 JavaScript 单行代码
|
6月前
|
JavaScript 前端开发
web前端JS高阶面试题(1),高级开发工程师面试
web前端JS高阶面试题(1),高级开发工程师面试
|
6月前
|
JavaScript 前端开发
JavaScript高级主题:什么是 ES6 的解构赋值?
【4月更文挑战第13天】ES6的解构赋值语法简化了从数组和对象中提取值的过程,提高代码可读性。例如,可以从数组`[1, 2, 3]`中分别赋值给`a`, `b`, `c`,或者从对象`{x: 1, y: 2, z: 3}`中提取属性值给同名变量。
34 6
|
6月前
|
前端开发 JavaScript
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结
JavaScript新科技:PostCSS的安装和使用,2024年最新2024网易Web前端高级面试题总结
|
6月前
|
存储 JavaScript 前端开发
理解JavaScript中的WeakSet和WeakMap
理解JavaScript中的WeakSet和WeakMap
|
6月前
|
存储 JavaScript 前端开发
JavaScript高级主题:JavaScript 中的 Map 和 Set 是什么?它们有什么区别?
JavaScript的ES6引入了Map和Set数据结构。Map用于存储键值对,适合通过键进行查找,而Set则存储唯一值,无键且不支持键查找。两者在性能上表现出色,尤其在频繁的写入删除操作中。选择使用哪个取决于具体应用场景:键值对需求选Map,独特值集合则选Set。
48 2
|
6月前
|
JavaScript 前端开发 Dart
JavaScript高级笔记-coderwhy版本(三)
JavaScript高级笔记-coderwhy版本
106 0
JavaScript高级笔记-coderwhy版本(三)
|
6月前
|
JavaScript 前端开发 Java
JavaScript高级笔记-coderwhy版本(六)
JavaScript高级笔记-coderwhy版本
127 0
|
6月前
|
JavaScript 前端开发 Java
JavaScript高级笔记-coderwhy版本(五)
JavaScript高级笔记-coderwhy版本
141 0
|
6月前
|
JavaScript 前端开发 存储
JavaScript高级笔记-coderwhy版本(四)
JavaScript高级笔记-coderwhy版本
105 0