TypeScript Class 类基础：定义、继承、修饰符与静态成员详解

TypeScript Class 基础与定义

TypeScript 作为 JavaScript 的超集，引入了静态类型检查等增强特性，其中对面向对象编程的支持尤为关键。借助 Class 机制，开发者可以更规范地组织代码逻辑，贯彻面向对象的设计思想。

Class 本质上是构造函数的语法简化形式，用于封装对象的行为与状态。接下来将详细解析 TypeScript 中 Class 的各项特性。

• 定义 Class 的基础语法：在 TypeScript 中，通过 class 关键字声明类。以下为一个基础示例：

class Person {
  name: string;
  age: number;
  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
  greet() {
    console.log(`Hello, my name is ${this.name} and I'm ${this.age} years old.`);
  }
}

上述代码定义了一个名为 Person 的类，包含 name 和 age 两个属性，并实现了构造函数以及 greet 方法。

• Class 的继承机制：TypeScript 允许类之间建立继承关系，利用 extends 关键字即可实现。以下展示了一个继承自 Person 的 Student 类示例：

class Student extends Person {
  school: string;
  constructor(name: string, age: number, school: string) {
    super(name, age);
    this.school = school;
  }
  study() {
    console.log(`${this.name} is studying at ${this.school}.`);
  }
}

在此示例中，Student 类通过继承 Person 获得了其属性与方法，并额外增加了 school 属性及 study 方法。

• Class 的访问修饰符：TypeScript 提供了 public、private 和 protected 三种修饰符，用于限制类成员的可访问范围。默认情况下，所有属性和方法均为 public 类型。以下示例展示了修饰符的具体应用：

class Car {
  private brand: string;
  protected color: string;
  public price: number;
  constructor(brand: string, color: string, price: number) {
    this.brand = brand;
    this.color = color;
    this.price = price;
  }
  startEngine() {
    console.log(`Starting the ${this.brand} car's engine.`);
  }
}

在上述代码中，brand 被标记为 private，仅限在 Car 类内部访问；color 为 protected，允许在 Car 及其子类中访问；而 price 为 public，可在任意位置访问。

• Class 的静态成员：除了实例成员，Class 还可以定义属于类本身的静态属性和方法，无需实例化即可调用。使用 static 关键字可定义静态成员。以下是一个包含静态成员的示例：

class MathUtils {
  static PI: number = 3.14;
  static calculateArea(radius: number) {
    return MathUtils.PI * radius * radius;
  }
}

该示例中，PI 是 MathUtils 类的静态属性，而 calculateArea 则是其静态方法，直接通过类名调用。

总结：本文梳理了 TypeScript 中 Class 的核心语法，包括类的定义、继承实现、访问修饰符的使用以及静态成员的声明。Class 作为面向对象编程的重要基石，有助于提升代码的结构化程度与可维护性，希望本文能协助读者深入理解 TypeScript 中的类机制。

关于 TypeScript 中 Class 类基本用法的介绍到此结束。如需了解更多相关内容，建议查阅本站过往文章或继续浏览后续系列教程，感谢支持。