前端深入理解JavaScript中的WeakMap和WeakSet

2023-09-14 21:45:00

 🎬 岸边的风:个人主页

 🔥 个人专栏 :《 VUE 》 《 javaScript 》

⛺️ 生活的理想,就是为了理想的生活 !

在这里插入图片描述

目录

1. WeakMap和WeakSet概述

1.1 WeakMap

1.2 WeakSet

2. WeakMap深入解析

2.1 WeakMap的创建和使用

2.2 WeakMap和内存管理

2.3 WeakMap和对象私有数据

3. WeakSet深入解析

3.1 WeakSet的创建和使用

3.2 WeakSet和对象唯一性

3.3 WeakSet和内存管理

4. 结论


 

 

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

1. WeakMap和WeakSet概述

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

1.1 WeakMap

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

  • WeakMap中,只有对象可以作为键。换句话说,我们不能使用基本类型(如数字,字符串,布尔值等)作为WeakMap的键。
  • WeakMap的键是弱引用的。这意味着,如果一个对象只被WeakMap引用,那么这个对象可以被垃圾回收(GC)。当这个对象被垃圾回收后,它对应的键值对也会从WeakMap中自动移除。
  • WeakMap不可遍历,也就是说,我们不能使用像for...of这样的循环来遍历WeakMap

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

1.2 WeakSet

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

  • WeakSet中,只有对象可以作为值。也就是说,我们不能将基本类型(如数字,字符串,布尔值等)添加到WeakSet中。
  • WeakSet中的对象是弱引用的。如果一个对象只被WeakSet引用,那么这个对象可以被垃圾回收。当这个对象被垃圾回收后,它会自动从WeakSet中移除。
  • WeakSet不可遍历,也就是说,我们不能使用像for...of这样的循环来遍历WeakSet

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

2. WeakMap深入解析

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

2.1 WeakMap的创建和使用

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

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

let weakMap = new WeakMap();

let obj1 = {};
let obj2 = {};

// 添加键值对
weakMap.set(obj1, 'Hello');
weakMap.set(obj2, 'World');

// 获取值
console.log(weakMap.get(obj1)); // 输出: 'Hello'
console.log(weakMap.get(obj2)); // 输出: 'World'

// 检查键是否存在
console.log(weakMap.has(obj1)); // 输出: true
console.log(weakMap.has(obj2)); // 输出: true

// 删除键值对
weakMap.delete(obj1);
console.log(weakMap.has(obj1)); // 输出: false

2.2 WeakMap和内存管理

WeakMap最重要的特性就是其键对对象的弱引用。这意味着,如果一个对象只被WeakMap引用,那么这个对象可以被垃圾回收。这样就可以防止因为长时间持有对象引用导致的内存泄漏。

例如,如果我们在Map中保存了一些对象的引用,即使这些对象在其他地方都已经不再使用,但是由于它们仍被Map引用,所以它们不能被垃圾回收,这就可能导致内存泄漏。然而,如果我们使用WeakMap来保存这些对象的引用,那么当这些对象在其他地方都不再使用时,它们就会被垃圾回收,从而防止了内存泄漏。

2.3 WeakMap和对象私有数据

WeakMap还常常被用来保存对象的私有数据。这是因为WeakMap的键不可遍历,所以我们可以利用这个特性来存储一些只有特定代码能够访问的数据。

例如,我们可以创建一个WeakMap,然后使用这个WeakMap来保存每个对象的私有数据,像这样:

let privateData = new WeakMap();

function MyClass() {
  privateData.set(this, {
    secret: 'my secret data',
  });
}

MyClass.prototype.getSecret = function() {
  return privateData.get(this).secret;
};

let obj = new MyClass();
console.log(obj.getSecret()); // 输出: 'my secret data'

在这个例子中,我们创建了一个MyClass的类,每一个MyClass的实例都有一个私有数据secret。我们使用WeakMap来保存这个私有数据。这样,我们就可以在MyClass的方法中访问这个私有数据,但是其他的代码无法访问它。

3. WeakSet深入解析

接下来,我们将更深入地探讨WeakSet的特性和用法。

3.1 WeakSet的创建和使用

我们可以使用new WeakSet()来创建一个新的WeakSet。在创建了WeakSet之后,我们可以使用add方法来添加新的对象,使用delete方法来移除某个对象,使用has方法来检查WeakSet中是否存在某个对象。

let weakSet = new WeakSet();

let obj1 = {};
let obj2 = {};

// 添加对象
weakSet.add(obj1);
weakSet.add(obj2);

// 检查对象是否存在
console.log(weakSet.has(obj1)); // 输出: true
console.log(weakSet.has(obj2)); // 输出: true

// 删除对象
weakSet.delete(obj1);
console.log(weakSet.has(obj1)); // 输出: false

3.2 WeakSet和对象唯一性

WeakSet可以用来检查一个对象是否已经存在。由于WeakSet中的每个对象都是唯一的,所以我们可以利用这个特性来确保我们不会添加重复的对象。

例如,我们可以创建一个WeakSet,然后使用这个WeakSet来保存所有我们已经处理过的对象,像这样:

let processedObjects = new WeakSet();

function processObject(obj) {
  if (!processedObjects.has(obj)) {
    // 处理对象
    // ...

    // 将对象添加到WeakSet中,表示我们已经处理过这个对象
    processedObjects.add(obj);
  }
}

在这个例子中,我们在每次处理一个对象之前,都会检查这个对象是否已经被处理过。如果这个对象已经被处理过,我们就不会再处理它。这样,我们就可以确保我们不会重复处理同一个对象。

3.3 WeakSet和内存管理

WeakMap一样,WeakSet中的对象也是弱引用的,所以WeakSet也有优秀的内存管理特性。如果一个对象只被WeakSet引用,那么这个对象可以被垃圾回收。这样就可以防止因为长时间持有对象引用导致的内存泄漏。

例如,如果我们在Set中保存了一些对象的引用,即使这些对象在其他地方都已经不再使用,但是由于它们仍被Set引用,所以它们不能被垃圾回收,这就可能导致内存泄漏。然而,如果我们使用WeakSet来保存这些对象的引用,那么当这些对象在其他地方都不再使用时,它们就会被垃圾回收,从而防止了内存泄漏。

4. 结论

在JavaScript的ES6版本中,引入了WeakMapWeakSet这两种新的数据结构。与MapSet相比,它们有一些特殊的特点和用途,使它们在处理内存泄漏问题、管理对象私有数据、处理对象的唯一性等场景中有显著的优势。理解它们的特性和用法,可以帮助我们更有效地使用JavaScript来编写高效、稳定的代码。

更多推荐

java版工程管理系统Spring Cloud+Spring Boot+Mybatis实现工程管理系统源码

工程项目管理软件(工程项目管理系统)对建设工程项目管理组织建设、项目策划决策、规划设计、施工建设到竣工交付、总结评估、运维运营,全过程、全方位的对项目进行综合管理工程项目各模块及其功能点清单一、系统管理1、数据字典:实现对数据字典标签的增删改查操作2、编码管理:实现对系统编码的增删改查操作3、用户管理:管理和查看用户角

《数字图像处理-OpenCV/Python》连载(2)目录

《数字图像处理-OpenCV/Python》连载(2)目录本书京东优惠购书链接:https://item.jd.com/14098452.html本书CSDN独家连载专栏:https://blog.csdn.net/youcans/category_12418787.html第一部分OpenCV-Python的基本操作

opencv滤波技术

文章目录前言一、均值滤波二、中值滤波三、高斯滤波四、双边滤波五、自适应滤波六、滤波器大小总结前言在OpenCV中,有多种滤波技术可以用于图像处理和图像增强。下面我将介绍五种常见的滤波技术,包括均值滤波、中值滤波、高斯滤波、双边滤波和自适应滤波,并提供相应的函数和使用方法。一、均值滤波均值滤波(MeanFiltering

rust迭代器

迭代器用来遍历容器。迭代器就是把容器中的所有元素按照顺序一个接一个的传递给处理逻辑。Rust中的迭代器标准库中定义了Iterator特性traitIterator{typeItem;fnnext(&mutself)->Option<Self::Item>;}实现了Iterator特性的结构体就是迭代器。很多类型都有it

线程、进程和管程

一、线程1.1定义线程:线程是进程中的实体,一个进程可以拥有多个线程,一个线程必须有一个父进程。线程有时被称为轻量级进程,是程序执行流的最小单元。线程的组成部分:1.线程ID:线程标识符2.当前指令指针(PC)3.寄存器集合:存储单元寄存器的集合4.堆栈:堆栈是两种数据结构。堆栈都是一种数据项按序排列的数据结构,只能在

【Linux】自动化构建工具-make/Makefile详解

前言大家好吖,欢迎来到YY滴Linux系列,热烈欢迎!本章主要内容面向接触过Linux的老铁,主要内容含欢迎订阅YY滴Linux专栏!更多干货持续更新!以下是传送门!订阅专栏阅读:YY的《Linux》系列❀❀❀❀❀【Linux系列-P1】Linux环境的搭建【Linux系列-P2】Linux的基本知识与指令【Linux

HTTP、HTTPS协议详解

文章目录HTTP是什么报文结构请求头部响应头部工作原理用户点击一个URL链接后,浏览器和web服务器会执行什么http的版本持久连接和非持久连接无状态与有状态Cookie和Sessionhttp方法:get和post的区别状态码HTTPS是什么ssl如何搞到证书nginx中的部署加密CA数字证书hash算法对称加密非对

【雕爷学编程】MicroPython动手做(25)——语音合成与语音识别2

知识点:什么是掌控板?掌控板是一块普及STEAM创客教育、人工智能教育、机器人编程教育的开源智能硬件。它集成ESP-32高性能双核芯片,支持WiFi和蓝牙双模通信,可作为物联网节点,实现物联网应用。同时掌控板上集成了OLED显示屏、RGB灯、加速度计、麦克风、光线传感器、蜂鸣器、按键开关、触摸开关、金手指外部拓展接口,

【PostgreSQL】系列之 一 用户创建和授权(三)

🍁博主"开着拖拉机回家"带您GotoNewWorld.✨🍁🦄个人主页——🎐开着拖拉机回家_Linux,Java基础学习,大数据运维-CSDN博客🎐✨🍁🪁🍁希望本文能够给您带来一定的帮助🌸文章粗浅,敬请批评指正!🍁🐥目录🍁博主"开着拖拉机回家"带您GotoNewWorld.✨🍁一、Postgre

掌握无人机遥感数据预处理的全链条理论与实践流程、典型农林植被性状的估算理论与实践方法、利用MATLAB进行编程实践(脚本与GUI开发)以及期刊论文插图制作等

目录专题一认识主被动无人机遥感数据专题二预处理无人机遥感数据专题三定量估算农林植被关键性状专题四期刊论文插图精细制作与Appdesigner应用开发近地面无人机植被定量遥感与生理参数反演更多推荐遥感技术作为一种空间大数据手段,能够从多时、多维、多地等角度,获取大量的农情数据。数据具有面状、实时、非接触、无伤检测等显著优

【Spring Boot】单元测试

单元测试单元测试在日常项目开发中必不可少,SpringBoot提供了完善的单元测试框架和工具用于测试开发的应用。接下来介绍SpringBoot为单元测试提供了哪些支持,以及如何在SpringBoot项目中进行单元测试。1.SpringBoot集成单元测试单元测试主要用于测试单个代码组件,以确保代码按预期方式工作。目前流

热文推荐