类的再认识：TS中的新突破

2023-11-16 20:27:36

TS中的类：再探深度
TypeScript（TS）作为JavaScript（JS）的超集，不仅继承了JS中的类，还融入了类型系统，极大提升了代码健壮性。TS中的类不仅包含JS类的所有特性，更在原有的基础上增加了类型修饰符等实用功能，使得代码更加严谨易用。

TS类：JS类的演进

TS中的类在实现上与JS类并无二致，但加入了类型系统。这意味着在TS类中，可以为类属性和方法添加类型标注，从而让编译器在编译阶段进行类型检查。这对于大型项目而言，能够显著提升代码质量，降低因类型错误导致的潜在问题。

类型修饰符：TS的利器

类型修饰符是TS类中的一大亮点。它允许开发者在声明类成员时指定其类型，从而增强代码的可读性，防止类型错误的发生。TS提供了多种类型修饰符，包括：

public： 公开成员，可以在类内外访问。
protected： 受保护成员，只能在类及其子类中访问。
private： 私有成员，只能在类内部访问。

细说类型修饰符

public类型修饰符最常用，它允许在类内外访问成员，适合于需要对外公开的数据或方法。protected类型修饰符适用于需要在子类中访问，但在类外无法直接访问的成员。private类型修饰符非常适合用于封装私有数据或实现类内部逻辑，保证代码的安全性。

例证TS类

class Person {
  public name: string; // 公开属性
  protected age: number; // 受保护属性
  private address: string; // 私有属性

  constructor(name: string, age: number, address: string) {
    this.name = name;
    this.age = age;
    this.address = address;
  }

  public getFullName(): string {
    return `${this.name} ${this.age}`; // 公开方法
  }

  protected getProtectedInfo(): string {
    return `Age: ${this.age}`; // 受保护方法
  }

  private getPrivateInfo(): string {
    return `Address: ${this.address}`; // 私有方法
  }
}

在上述示例中，我们定义了一个Person类，包含了public、protected和private类型修饰符。类的构造函数接收三个参数，并初始化相应属性。类还定义了三个方法，分别展示了不同类型修饰符的使用。

TS中的类继承

TS支持类继承，允许子类继承父类的属性和方法，并根据需要进行扩展。子类可以使用super访问父类的属性和方法。

class Employee extends Person {
  public jobTitle: string;

  constructor(name: string, age: number, address: string, jobTitle: string) {
    super(name, age, address);
    this.jobTitle = jobTitle;
  }

  public getJobInfo(): string {
    return `${this.getFullName()} - ${this.jobTitle}`;
  }
}