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的类型检查,仍然可能访问到这些所谓的"私有"成员。
相关推荐
@小红花1 小时前
从0到1学习Vue框架Day03
前端·javascript·vue.js·学习·ecmascript
前端与小赵1 小时前
vue3中 ref() 和 reactive() 的区别
前端·javascript·vue.js
魔云连洲1 小时前
Vue的响应式底层原理:Proxy vs defineProperty
前端·javascript·vue.js
专注VB编程开发20年1 小时前
CSS定义网格的列模板grid-template-columns什么意思,为什么要用这么复杂的单词
前端·css
IT_陈寒1 小时前
Redis性能提升50%的7个关键优化策略,90%开发者都不知道第5点!
前端·人工智能·后端
Hilaku1 小时前
深入URL和URLSearchParams:别再用正则表达式去折磨URL了
前端·javascript·代码规范
pubuzhixing1 小时前
Canvas 的性能卓越,用它解决一个棘手问题
前端
weixin_456904271 小时前
Vue.jsmain.js/request.js/user.js/store/index.js Vuex状态管理项目核心模块深度解析
前端·javascript·vue.js
伍哥的传说1 小时前
Vue 3.6 Alien Signals:让响应式性能飞跃式提升
前端·javascript·vue.js·vue性能优化·alien-signals·细粒度更新·vue 3.6新特性
永日456702 小时前
学习日记-HTML-day51-9.9
前端·学习·html