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

访问权限

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

public

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

场景:

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

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

private

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

场景:

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

TypeScript 复制代码
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的。

TypeScript 复制代码
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();
相关推荐
掘金安东尼7 小时前
纯 CSS 实现弹性文字效果
前端·css
牛奶7 小时前
Vue 基础理论 & API 使用
前端·vue.js·面试
牛奶7 小时前
Vue 底层原理 & 新特性
前端·vue.js·面试
anOnion8 小时前
构建无障碍组件之Radio group pattern
前端·html·交互设计
pe7er8 小时前
状态提升:前端开发中的状态管理的设计思想
前端·vue.js·react.js
SoaringHeart9 小时前
Flutter调试组件:打印任意组件尺寸位置信息 NRenderBox
前端·flutter
晚风予星9 小时前
Ant Design Token Lens 迎来了全面升级!支持在 .tsx 或 .ts 文件中直接使用 Design Token
前端·react.js·visual studio code
sunny_10 小时前
⚡️ vite-plugin-oxc:从 Babel 到 Oxc,我为 Vite 写了一个高性能编译插件
前端·webpack·架构
GIS之路10 小时前
ArcPy 开发环境搭建
前端
林小帅11 小时前
【笔记】OpenClaw 架构浅析
前端·agent