精进TypeScript--private真的能隐藏信息吗?

2024-04-01 08:28

本文主要是介绍精进TypeScript--private真的能隐藏信息吗?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

JavaScript缺乏一种使类的属性成为私有的方法。
private访问修饰符只有通过类型系统才能被强制执行。它在运行时没有效果,可以被一个类型断言轻松绕过。不要以为它能保持数据的隐蔽性。

通常的变通方法是将下划线作为不属于公共API的字段的前缀:

class Foo {_private = 'secret';
}
// 但这只是建议用户不要访问私人数据,且容易绕开
const f = new Foo();
f._private; // 'secret'

TypeScript增加了public、protected和private访问修饰符,似乎提供了一些强制执行的功能:

class Bar {private secret = 'secret info';
}const bar = new Bar();
bar.secret // ~~ 属性secret为私有属性,只能在类Bar中访问

但是private是类型系统的一个特性,而且和类型系统中的所有特性一样,它在运行时就不见了。上面代码编译成JavaScript:

class Bar {constructor() {this.secret = 'secret info';}
}
const bar = new Bar();
bar.secret // OK

private修饰符消失的,secret也就暴露了。就像_private惯例一样,TypeScript的访问修饰符只会组织你访问私有数据。通过类型断言,你也可以访问私有属性:

class Bar {private secret = 'secret info';
}const bar = new Bar();
(bar as any).secret // OK

所以,不要依赖私有访问修饰符private来隐藏信息!

那么,应该怎么做呢?传统的方式是利用JavaScript可靠的隐藏信息的方法之一–闭包。你可以在构造函数中创建一个闭包:

declare function hash(text: string): number;class PasswordChecker {checkPassword: (password: string) => boolean;constructor(passwordHash: number) {this.checkPassword = (password: string) => {return hash(password) === passwordHash;}}
}const checker = new PasswordChecker(hash('s3cret'));
checker.checkPassword('s3cret'); // 返回true

JavaScript没有提供从PasswordChecker的构造函数之外访问passwordHash变量的方法,但这有一个缺点:因为passwordHash在构造函数之外是不可见的,所以每个使用它的方法也必须在那里定义。这就导致每个类的实例都要创建一个方法副本,从而导致更高的内存使用量。它还会阻止同一类的其他实例访问私有数据。闭包可能是不方便的,但它肯定会保证你的数据的私密性。

这篇关于精进TypeScript--private真的能隐藏信息吗?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/866686

相关文章

业务中14个需要进行A/B测试的时刻[信息图]

在本指南中,我们将全面了解有关 A/B测试 的所有内容。 我们将介绍不同类型的A/B测试,如何有效地规划和启动测试,如何评估测试是否成功,您应该关注哪些指标,多年来我们发现的常见错误等等。 什么是A/B测试? A/B测试(有时称为“分割测试”)是一种实验类型,其中您创建两种或多种内容变体——如登录页面、电子邮件或广告——并将它们显示给不同的受众群体,以查看哪一种效果最好。 本质上,A/B测

【北交大信息所AI-Max2】使用方法

BJTU信息所集群AI_MAX2使用方法 使用的前提是预约到相应的算力卡,拥有登录权限的账号密码,一般为导师组共用一个。 有浏览器、ssh工具就可以。 1.新建集群Terminal 浏览器登陆10.126.62.75 (如果是1集群把75改成66) 交互式开发 执行器选Terminal 密码随便设一个(需记住) 工作空间:私有数据、全部文件 加速器选GeForce_RTX_2080_Ti

为什么现在很多人愿意选择做债务重组?债重组真的就这么好吗?

债务重组,起初作为面向优质企业客户的定制化大额融资策略,以其高效周期著称,一个月便显成效。然而,随着时代的车轮滚滚向前,它已悄然转变为负债累累、深陷网贷泥潭者的救赎之道。在此路径下,个人可先借助专业机构暂代月供,经一段时间养护征信之后,转向银行获取低成本贷款,用以替换高昂网贷,实现利息减负与成本优化的双重目标。 尽管债务重组的代价不菲,远超传统贷款成本,但其吸引力依旧强劲,背后逻辑深刻。其一

恶意PNG:隐藏在图片中的“恶魔”

<img src="https://i-blog.csdnimg.cn/blog_migrate/bffb187dc3546c6c5c6b8aa18b34b962.jpeg" title="214201hhuuhubsuyuukbfy_meitu_1_meitu_2.jpg"/></strong></span><

Linux命令(11):系统信息查看命令

系统 # uname -a # 查看内核/操作系统/CPU信息# head -n 1 /etc/issue # 查看操作系统版本# cat /proc/cpuinfo # 查看CPU信息# hostname # 查看计算机名# lspci -tv # 列出所有PCI设备# lsusb -tv

【小迪安全笔记 V2022 】信息打点9~11

第9天 信息打点-CDN绕过篇&漏洞回链8接口探针&全网扫指&反向件 知识点: 0、CDN知识-工作原理及阻碍 1、CDN配置-域名&区域&类型 2、CDN绕过-靠谱十余种技战法 3、CDN绑定-HOSTS绑定指向访问 CDN 是构建在数据网络上的一种分布式的内容分发网。 CDN的作用是采用流媒体服务器集群技术,克服单机系统输出带宽及并发能力不足的缺点,可极大提升系统支持的并发流数目,减少或避

Weex入门教程之4,获取当前全局环境变量和配置信息(屏幕高度、宽度等)

$getConfig() 获取当前全局环境变量和配置信息。 Returns: config (object): 配置对象;bundleUrl (string): bundle 的 url;debug (boolean): 是否是调试模式;env (object): 环境对象; weexVersion (string): Weex sdk 版本;appName (string): 应用名字;

小程序button控件上下边框的显示和隐藏

问题 想使用button自带的loading图标功能,但又不需要button显示边框线 button控件有一条淡灰色的边框,在控件上了样式 border:none; 无法让button边框隐藏 代码如下: <button class="btn">.btn{border:none; /*一般使用这个就是可以去掉边框了*/} 解决方案 发现button控件有一个伪元素(::after

Python批量读取身份证信息录入系统和重命名

前言 大家好, 如果你对自动化处理身份证图片感兴趣,可以尝试以下操作:从身份证图片中快速提取信息,填入表格并提交到网页系统。如果你无法完成这个任务,我们将在“Python自动化办公2.0”课程中详细讲解实现整个过程。 实现过程概述: 模块与功能: re 模块:用于从 OCR 识别出的文本中提取所需的信息。 日期模块:计算年龄。 pandas:处理和操作表格数据。 PaddleOCR:百度的

微信小程序uniappvue3版本-控制tabbar某一个的显示与隐藏

1. 首先在pages.json中配置tabbar信息 2. 在代码根目录下添加 tabBar 代码文件 直接把微信小程序文档里面的四个文件复制到自己项目中就可以了   3. 根据自己的需求更改index.js文件 首先我这里需要判断什么时候隐藏某一个元素,需要引入接口 然后在切换tabbar时,改变tabbar当前点击的元素 import getList from '../