typescript 中的private是什么,你记住了吗?

在TypeScript中,private关键字用于声明类的成员(属性或方法)为私有的。这意味着这些成员只能在类的内部被访问和修改,而不能在类的外部通过类的实例直接访问。这是面向对象编程(OOP)中封装原则的一个体现,有助于隐藏类的内部实现细节,只暴露必要的接口给外部使用。

私有属性

私有属性是类的内部状态,只有类的内部方法或构造函数可以访问和修改这些属性。

typescript 复制代码
class Person {
  private name: string;

  constructor(name: string) {
    this.name = name; // 可以在构造函数中访问和修改私有属性
  }

  greet() {
    console.log(`Hello, my name is ${this.name}.`); // 可以在类的方法中访问私有属性
  }
}

const person = new Person("Alice");
// person.name; // 错误:'name' 是私有的,只能在类 'Person' 内部访问。
person.greet(); // 正确:输出 Hello, my name is Alice.

私有方法

私有方法与私有属性类似,也只能在类的内部被调用。这有助于封装特定的逻辑,避免外部直接调用这些内部逻辑。

typescript 复制代码
class Counter {
  private count: number = 0;

  private increment() {
    this.count++;
  }

  public getCount() {
    return this.count;
  }

  public incrementPublic() {
    this.increment(); // 可以在类的其他方法中调用私有方法
  }
}

const counter = new Counter();
// counter.increment(); // 错误:'increment' 是私有的,只能在类 'Counter' 内部访问。
counter.incrementPublic(); // 正确:通过公有方法间接调用私有方法
console.log(counter.getCount()); // 输出 1

注意事项

  • 私有成员(属性和方法)在类的子类中也是不可见的,这意呀着子类不能访问或覆盖父类的私有成员。
  • 私有成员主要用于封装类的内部实现细节,保护数据不被外部随意修改,保证类的封装性和安全性。
  • TypeScript的private关键字在编译成JavaScript时,并不会真正地将成员变为私有。JavaScript没有原生支持私有成员的概念,TypeScript通过TypeScript编译器来检查private成员的访问是否合法,而生成的JavaScript代码中并不包含private关键字。因此,如果你直接在JavaScript中或通过某些方式绕过TypeScript的类型检查,仍然可能访问到这些所谓的"私有"成员。
相关推荐
范特西是只猫6 分钟前
echarts 自定义标注样式&自定义tooltip弹窗样式
前端·javascript·echarts
JohnsonXin23 分钟前
【兼容性记录】video标签在 IOS 和 安卓中的问题
android·前端·css·ios·h5·兼容性
建群新人小猿30 分钟前
CRMEB Pro版 DIY功能玩法即将升级,先来一睹为快!
前端·javascript·html
WebGIS皮卡茂1 小时前
【数据可视化】Arcgis api 4.x 专题图制作之分级色彩,采用自然间断法(使用simple-statistics JS数学统计库生成自然间断点)
javascript·arcgis·信息可视化·前端框架
api772 小时前
1688商品详情API返回值中的售后保障与服务信息
java·服务器·前端·javascript·python·spring·pygame
赵广陆2 小时前
SprinBoot+Vue门诊管理系统的设计与实现
前端·javascript·vue.js·spring boot·maven
华山令狐虫2 小时前
el-tabs 样式修改
前端
Python私教3 小时前
JavaScript 基于生成器的异步编程方案相关代码分享
android·javascript·okhttp
Bob99983 小时前
电脑浏览器访问华为路由器报错,无法访问路由器web界面:ERR_SSL_VERSION_OR_CIPHER_MISMATCH 最简单的解决办法!
开发语言·javascript·网络·python·网络协议·华为·ssl
史努比的大头4 小时前
前端开发深入了解webpack
前端