TypeScript中支持的访问修饰符有哪些?

在 TypeScript 中,访问修饰符用于控制类的成员(属性和方法)的可访问性。TypeScript 支持三种主要的访问修饰符:publicprivateprotected。这些修饰符允许我们在类的外部或内部对成员的访问进行更细致的控制。

1. public 访问修饰符

public 是默认的访问修饰符。如果我们在类的成员前面不显式声明访问修饰符,则它默认为 publicpublic 成员可以在类的任何地方访问,包括类的外部。

示例:

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

  constructor(name: string) {
    this.name = name;
  }

  public greet(): void {
    console.log(`Hello, ${this.name}`);
  }
}

const person = new Person("Alice");
console.log(person.name); // 输出:Alice
person.greet(); // 输出:Hello, Alice

在这个例子中,name 属性和 greet() 方法都使用了 public 访问修饰符,因此它们可以在类的外部被访问。

2. private 访问修饰符

private 修饰符表示该成员只能在类的内部访问,不能在类的外部或子类中访问。通过 private 修饰符,可以实现封装,将类的某些实现细节隐藏起来,防止外部代码直接访问或修改它们。

示例:

typescript 复制代码
class Car {
  private brand: string;

  constructor(brand: string) {
    this.brand = brand;
  }

  public getBrand(): string {
    return this.brand;
  }
}

const car = new Car("Toyota");
console.log(car.getBrand()); // 输出:Toyota
console.log(car.brand); // 错误:属性 'brand' 仅在类 'Car' 内部可访问

在这个例子中,brand 属性被声明为 private,因此在类的外部无法直接访问 brand,只能通过类中公开的方法(如 getBrand())访问。

3. protected 访问修饰符

protected 修饰符表示该成员可以在类的内部和继承它的子类中访问,但不能在类的外部访问。protected 成员可以通过继承和多态来扩展类的功能。

示例:

typescript 复制代码
class Animal {
  protected species: string;

  constructor(species: string) {
    this.species = species;
  }

  public makeSound(): void {
    console.log("Some sound");
  }
}

class Dog extends Animal {
  public speak(): void {
    console.log(`Woof! I am a ${this.species}`);
  }
}

const dog = new Dog("Dog");
dog.speak(); // 输出:Woof! I am a Dog
console.log(dog.species); // 错误:属性 'species' 仅在类 'Animal' 和其子类中可访问

在这个例子中,species 属性被声明为 protected,因此它不能在 Animal 类的外部直接访问,但在继承自 Animal 类的 Dog 类中可以访问。

4. 总结和最佳实践

  • public:任何地方都可以访问,包括类的外部。默认访问修饰符。
  • private:只能在类的内部访问,外部和子类都无法访问。适用于希望将某些实现细节封装起来的情况。
  • protected:可以在类的内部和继承它的子类中访问,但不能在外部访问。适用于希望允许子类访问某些属性或方法,但不允许外部直接访问的情况。

5. readonly 修饰符(补充)

除了 publicprivateprotected,TypeScript 还提供了 readonly 修饰符。readonly 用于修饰类的属性,表示该属性只能在类的构造函数中被赋值,之后无法修改。这对保护类的状态非常有用。

示例:

typescript 复制代码
class Point {
  public readonly x: number;
  public readonly y: number;

  constructor(x: number, y: number) {
    this.x = x;
    this.y = y;
  }
}

const point = new Point(10, 20);
console.log(point.x); // 输出:10
point.x = 30; // 错误:无法分配到 "x" ,因为它是只读属性

在这个例子中,xy 被声明为 readonly,因此它们只能在构造函数中赋值,之后无法修改。

6. 小结

TypeScript 中的访问修饰符(publicprivateprotected)允许开发人员控制类成员的可访问性,从而实现更好的封装和模块化。通过合理使用访问修饰符,可以确保类的设计更加清晰、可维护,同时保护类的内部实现不被外部不当访问或修改。

相关推荐
liangshanbo12151 分钟前
React 19 vs React 18全面对比
前端·javascript·react.js
望获linux14 分钟前
【实时Linux实战系列】Linux 内核的实时组调度(Real-Time Group Scheduling)
java·linux·服务器·前端·数据库·人工智能·深度学习
Never_Satisfied17 分钟前
在 JavaScript 中,删除数组中内容为xxx的元素
java·前端·javascript
_菜鸟果果17 分钟前
Vue3+echarts 3d饼图
前端·javascript·echarts
rechol1 小时前
类与对象(中)笔记整理
java·javascript·笔记
Luffe船长1 小时前
前端vue2+js+springboot实现excle导入优化
前端·javascript·spring boot
Demoncode_y2 小时前
前端布局入门:flex、grid 及其他常用布局
前端·css·布局·flex·grid
明天最后2 小时前
使用 Service Worker 限制请求并发数
前端·service worker
仲夏幻境2 小时前
js利用ajax同步调用如何
开发语言·javascript·ajax
java水泥工2 小时前
基于Echarts+HTML5可视化数据大屏展示-电信厅店营业效能分析
前端·echarts·html5·大屏展示