news 2026/2/17 12:56:12

typescript-类的访问权限public、private、protected

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
typescript-类的访问权限public、private、protected

访问权限

这个你可以理解为类的某个属性或者某个方法可以在哪里访问。分三种,public(默认),protected,private

public

public表示在任意的地方都可以访问某个类的属性或者方法

场景:

比如你叫小名,别人要叫你的时候,得知道你的名字,那么你这个名字就是public,在任意的地方都可以访问。

class Person { public name: string = "小名"; } let person = new Person(); console.log(person.name);

private

private表示只可以在当前类的实例方法中进行访问的属性或者方法。

场景:

你去银行ATM机取钱,需要输入取款密码,这个密码必须是私有的,要不然你的钱就会被别人取走了。

class Person { private _cardPassword: string = "123456"; public getCash(): void { console.log("我的密码是:", this._cardPassword); } } let person = new Person(); // console.log(person._cardPassword); // 这里会报错 person.getCash();

protected

protected表示可以在当前类的实例或者子类(子类可继承)中可以访问的属性或者方法。

场景:

你父亲是一个大企业的老板,年纪大了,想让你继承家业,跟你说:以后公司就是你的了,里面有3000亿的存款。那么这3000亿的存款,只能你来继承,别人继承不了,这个3000亿的存款就是protected的。

class Boss { protected _cash: string = "3000亿"; } class LittleBoss extends Boss { public cashNum(): void { console.log("我从父亲那里继承的存款:", this._cash); } } let lBoss = new LittleBoss(); // console.log(lBoss._cash); // 报错 lBoss.cashNum();

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/17 7:46:00

Node.js 用 process.cpuUsage 监控CPU使用率

💓 博客主页:瑕疵的CSDN主页 📝 Gitee主页:瑕疵的gitee主页 ⏩ 文章专栏:《热点资讯》 Node.js CPU监控的深度实践:超越process.cpuUsage的陷阱与创新目录Node.js CPU监控的深度实践:超越proce…

作者头像 李华
网站建设 2026/2/7 3:52:07

【课程设计/毕业设计】基于JavaWeb寝室管理系统Web的学生宿舍管理系统【附源码、数据库、万字文档】

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/2/13 22:01:49

树状数组

lc2659树状数组统计已删除元素&#xff0c;按数值升序遍历元素位置分前后段计算每次删除的移动步数并累加&#xff0c;求解清空数组的总操作数。// 树状数组模板 class BIT {vector<int> tree; public:BIT(int n) : tree(n) {}// 将下标 i 上的数加一void inc(int i) {wh…

作者头像 李华
网站建设 2026/2/17 1:05:31

一道“找数”的题,为什么能成为算法世界的常青树?

一道“找数”的题,为什么能成为算法世界的常青树? 从 Missing Number 说起 一、引子:这题你肯定见过,但你真的“理解”了吗? 很多人第一次见到这道题,心里都会冒出一句话: “这也叫算法题?小学数学吧?” 题目很简单: 给你一个包含 0 ~ n 中 n 个不同数字 的数组, …

作者头像 李华
网站建设 2026/2/17 5:29:56

.nvue页面实现画笔绘制功能,用原生html导入nvue页面使用还可以截图(画笔 清空 橡皮擦 改颜色 禁用画笔 截图-是视频画面加绘制合成一张图片截图)-我花80块钱找淘宝都没弄出来,自己写的

功能 安卓app上面nvue 视频上方绘制&#xff08;vue2&#xff09;①新建一个draw.html文件&#xff08;里面功能有画笔 清空 橡皮擦 改颜色 禁用画笔 截图-是视频画面加绘制合成一张图片截图&#xff09;②webViewUrl: /static/draw.html,③<!-- 画布 绘制层 --><web-…

作者头像 李华