ES6中定义私有属性详解

在ES6中,定义私有属性的方式相对传统的JavaScript有所不同。ES6并没有提供直接的语法来定义私有属性,但可以通过几种方法间接实现私有属性。

1. 使用Symbol来模拟私有属性

Symbol是一种新的数据类型,可以作为对象的键,并且它的值是唯一的,不容易被外部访问或修改。

示例:
const _privateProperty = Symbol('privateProperty');

class MyClass {
  constructor(value) {
    this[_privateProperty] = value;
  }

  get privateProperty() {
    return this[_privateProperty];
  }
}

const obj = new MyClass(42);
console.log(obj.privateProperty); // 输出 42
console.log(obj._privateProperty);     // 输出 undefined
  • _privateProperty是一个Symbol,它唯一且不会被外部访问(除非通过同样的Symbol引用)。
  • this[_privateProperty]用于存储私有数据。
  • 外部无法直接通过obj._privateProperty访问这个属性,只有通过privatePropertyget方法才能访问。

2. 使用WeakMap来模拟私有属性

WeakMap是一种键值对集合,其中的键必须是对象,而值可以是任何数据类型。WeakMap的键是弱引用,不会阻止垃圾回收机制清理这些键。

示例:
const privateProps = new WeakMap();

class MyClass {
  constructor(value) {
    privateProps.set(this, { privateProperty: value });
  }

  get privateProperty() {
    return privateProps.get(this).privateProperty;
  }
}

const obj = new MyClass(42);
console.log(obj.privateProperty); // 输出 42
  • privateProps是一个WeakMap,用于存储对象的私有属性。
  • privateProps.set(this, { privateProperty: value })将私有属性与实例关联。
  • privateProps.get(this)通过实例来获取私有属性。

3. 使用ES2022中的类字段语法(#符号)

在ES2022(ES13)中,JavaScript正式引入了类字段语法,通过使用#符号来定义私有属性。这是最直接和现代的方式。

示例:
class MyClass {
  #privateProperty;

  constructor(value) {
    this.#privateProperty = value;
  }

  get privateProperty() {
    return this.#privateProperty;
  }
}

const obj = new MyClass(42);
console.log(obj.privateProperty); // 输出 42
console.log(obj.#privateProperty);     // 会抛出 SyntaxError: Private field '#privateProperty' must be declared in an enclosing class
  • 使用#privateProperty定义私有属性。
  • 外部无法直接访问#privateProperty,如果尝试直接访问会报错。
  • 只有类内部的方法可以访问私有属性。

总结

  • Symbol:可以作为私有属性的键,但需要手动管理和访问,较为灵活。
  • WeakMap:通过WeakMap存储私有数据,提供了更好的封装性,避免了直接暴露属性。
  • #符号(ES2022):最直接且简洁的私有属性实现,官方语法,强制封装。

对于现代的前端开发,推荐使用#符号来定义私有属性,尤其是在ES2022及以后版本的环境中。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/945960.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

docker-开源nocodb,使用已有数据库

使用已有数据库 创建本地数据库 数据库:nocodb 用户:nocodb 密码:xxxxxx修改docker-compose.yml 默认网关的 IP 地址是 172.17.0.1(适用于 bridge 网络模式)version: "2.1" services:nocodb:environment:…

BetterBench的2024年终总结

回忆录 去年的年末定的2024目标是阅读300篇文献,发表一篇小论文,阅读20本的目标,都没有如期完成。只读了130篇论文,小论文还只写了初稿,还没有投出去,只读了6本书,上半年很浮躁,都没…

编辑音频的基本属性

导入音频 “文件-导入-选择音频”拖到音频轨道创建序列。选择音频,在效果空间可以看到音频的基本属性。 音量的设置 “效果工作区-效果控件-音量”在这里可以控制所有引导的混合音量 静音 静止所有声音 音频仪表 一般位于时间轴的后面,找不到可以…

SQL 基础教程 - SQL SELECT 语句

SQL SELECT DISTINCT 语句 SELECT DISTINCT 语句用于返回唯一不同的值。 在表中,一个列可能会包含多个重复值,有时您也许希望仅仅列出不同(distinct)的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 …

Oracle 回归分析函数使用

Oracle 回归分析函数使用 文章目录 Oracle 回归分析函数使用什么是 回归分析函数回归分析函数示例1. 分析 SAL 和 COMM 之间的回归关系2. 按部门分析 SAL 和 COMM 的关系3. 根据 SAL 预测 COMM4. 分析员工薪资与工作年限的关5. 按部门分析工作年限与薪资的关系6. 计算 REGR_AVG…

idea项目导入gitee 码云

1、安装gitee插件 IDEA 码云插件已由 gitosc 更名为 gitee。 1 在码云平台帮助文档http://git.mydoc.io/?t153739上介绍的很清楚,推荐前两种方法, 搜索码云插件的时候记得名字是gitee,gitosc已经搜不到了。 2、使用码云托管项目 如果之…

Cesium 实战 27 - 三维视频融合(视频投影)

Cesium 实战 27 - 三维视频融合(视频投影) 核心代码完整代码在线示例在 Cesium 中有几种展示视频的方式,比如墙体使用视频材质,还有地面多边形使用视频材质,都可以实现视频功能。 但是随着摄像头和无人机的流行,需要视频和场景深度融合,简单的实现方式则不能满足需求。…

spring boot的各个版本介绍

Spring Boot 是一个用于创建独立、生产级别的基于 Spring 的应用程序的框架。自2014年首次发布以来,Spring Boot 经历了多个版本的迭代,每个版本都带来了新特性、性能改进和错误修复。下面是对Spring Boot一些主要版本的简要介绍: Spring Boo…

基于zynq在linux下的HDMI实战

ZYNQ系列文章目录 第一章:基于zynq在linux下的phy调试记录 第二章:qemu制作ubuntu文件系统 第三章:基于zynq在linux下的AXI-CAN实战 第四章:基于zynq在linux下的HDMI实战 文章目录 ZYNQ系列文章目录前言一、vivado中HDMI的配置1.…

LabVIEW 实现自动对焦的开发

自动对焦(Autofocus, AF)技术是通过分析图像或传感器信号,动态调整焦点位置以实现清晰成像或高精度定位的过程。在LabVIEW中,可以通过集成信号采集、数据处理、控制算法和硬件接口模块,实现多种自动对焦方法&#xff0…

机器人C++开源库The Robotics Library (RL)使用手册(四)

建立自己的机器人3D模型和运动学模型 这里以国产机器人天机TR8为例,使用最普遍的DH运动学模型,结合RL所需的描述文件,进行生成。 最终,需要的有两个文件,一个是.wrl三维模型描述文件;一个是.xml运动学模型描述文件。 1、通过STEP/STP三维文件生成wrl三维文件 机器人的…

直播电商系统源码搭建实战:快速开发多商户带货APP的指南

今天,笔者将从源码选择、功能设计、开发流程等方面,带你了解如何快速开发一个高效实用的直播电商系统。 一、明确需求:功能设计是基础 以下是一个多商户直播电商系统的核心功能模块: -商户管理模块 -直播带货模块 -商品管理模…

风力涡轮机缺陷检测数据集,86.6%准确识别率,11921张图片,支持yolo,PASICAL VOC XML,COCO JSON格式的标注

风力涡轮机缺陷检测数据集,86.6%准确识别率,11921张图片,支持yolo,PASICAL VOC XML,COCO JSON格式的标注 数据集下载 yolov11: https://download.csdn.net/download/pbymw8iwm/90206849 yolov…

委外加工业务如何调整原材料的消耗-MIGO A11-后续调整

业务背景:用户反馈委外加工业务回收后,产品已经销售,但委外加工结算时要对原材料消耗时行调整。如果没有销售,准备采用收货冲销后重新收货,但现在已经是2024年最后一天了。。。销售业务已经做完。不可能再冲销。其实这…

ultralytics库RT-DETR代码解析

最近读了maskformer以及maskdino的分割头设计,于是想在RT-DETR上做一个分割的改动,所以选择在ultralytics库中对RTDETR进行改进。 本文内容简介: 1.ultralytics库中RT-DETR模型解析 2. 对ultralytics库中的RT-DETR模型增加分割头做实例分割 …

25. C++继承 1 (继承的概念与基础使用, 继承的复制兼容规则,继承的作用域)

⭐上篇模板文章:24. C模板 2 (非类型模板参数,模板的特化与模板的分离编译)-CSDN博客 ⭐本篇代码:c学习 橘子真甜/c-learning-of-yzc - 码云 - 开源中国 (gitee.com) ⭐标⭐是比较重要的部分 目录 一. 继承的基础使用 1.1 继承的格式 1.2 …

宽带、光猫、路由器、WiFi、光纤之间的关系

1、宽带(Broadband) 1.1 宽带的定义宽带指的是一种高速互联网接入技术,通常包括ADSL、光纤、4G/5G等不同类型的接入方式。宽带的关键特点是能够提供较高的数据传输速率,使得用户可以享受到稳定的上网体验。 1.2 宽带的作用宽带是…

【AndroidAPP】权限被拒绝:[android.permission.READ_EXTERNAL_STORAGE],USB设备访问权限系统报错

一、问题原因 1.安卓安全性变更 Android 12 的安全性变更,Google 引入了更严格的 PendingIntent 安全管理,强制要求开发者明确指定 PendingIntent 的可变性(Mutable)或不可变性(Immutable)。 但是&#xf…

Inno Setup生成exe安装包

Inno Setup生成exe安装包 第一步:创建一个带向导的脚本文件 第二步:直接 Next,不要创建空的脚本文件 第三步:填写相关的应用程序信息 第四步:指定应用程序的安装目录相关的信息 第五步:选择可执行程序和相…

数据库MHA

MHA 什么是MHA -------- MASTER HIGH AVAILABILITY 建立在主从复制基础之上的故障切换到软件系统 主从复制的单点问题: 当主从复制当中,主服务器发生故障,会自动切换到一台从服务器,然后把从服务器升格为主,继续主…