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的类型检查,仍然可能访问到这些所谓的"私有"成员。
相关推荐
样子201825 分钟前
Uniapp 之renderjs解决swiper+多个video卡顿问题
前端·javascript·css·uni-app·html
Nicholas6833 分钟前
flutterAppBar之SystemUiOverlayStyle源码解析(一)
前端
黑客飓风1 小时前
JavaScript 性能优化实战大纲
前端·javascript·性能优化
emojiwoo2 小时前
【前端基础知识系列六】React 项目基本框架及常见文件夹作用总结(图文版)
前端·react.js·前端框架
张人玉3 小时前
XML 序列化与操作详解笔记
xml·前端·笔记
杨荧3 小时前
基于Python的宠物服务管理系统 Python+Django+Vue.js
大数据·前端·vue.js·爬虫·python·信息可视化
YeeWang3 小时前
🎉 Eficy 让你的 Cherry Studio 直接生成可预览的 React 页面
前端·javascript
gnip4 小时前
Jenkins部署前端项目实战方案
前端·javascript·架构
Orange3015114 小时前
《深入源码理解webpack构建流程》
前端·javascript·webpack·typescript·node.js·es6
lovepenny4 小时前
Failed to resolve entry for package "js-demo-tools". The package may have ......
前端·npm