TypeScript 实例讲解（七）：构造器

2024-02-16 02:10:15

引言

在 TypeScript 中定义类时，我们通常并不知道属性的具体值。如果希望在创建实例时赋值，那么构造器将发挥至关重要的作用。本文将深入探讨 TypeScript 中构造器的概念、语法和用法。

构造器

构造器是一个特殊的方法，用于在创建类实例时初始化其属性。与其他方法不同，构造器的名称与类名相同，并且没有显式返回类型。构造器的主要职责是为新创建的实例分配初始值。

语法

TypeScript 中构造器的语法如下：

constructor([参数列表]) {
  // 构造器主体
}

其中：

参数列表：可选，用于初始化实例属性。
构造器主体：包含初始化属性值和执行其他操作的代码。

用法

要使用构造器，需要在类定义中声明它。以下是带构造器的简单示例：

class Person {
  name: string;
  age: number;

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

在这个例子中，Person 类有一个带两个参数的构造器，name 和 age。当创建 Person 实例时，这些参数将用于初始化属性。

初始化实例属性

构造器最常见的用途是初始化实例属性。在构造器中，可以使用 this 访问新创建的实例。例如：

class Car {
  make: string;
  model: string;

  constructor(make: string, model: string) {
    this.make = make;
    this.model = model;
  }
}

const car = new Car("Tesla", "Model S");

console.log(car.make); // 输出："Tesla"
console.log(car.model); // 输出："Model S"

传入参数

构造器可以接受参数，这些参数将用于初始化属性。例如：

class Person {
  name: string;
  age: number;

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

const person1 = new Person("John", 30);
const person2 = new Person("Jane", 25);

在上面的示例中，Person 类有一个带两个参数的构造器。当创建 person1 和 person2 实例时，这些参数用于初始化属性。

重载构造器

TypeScript 允许重载构造器，这意味着可以创建具有不同参数列表的多个构造器。例如：

class Car {
  make: string;
  model: string;

  constructor() {
    this.make = "Unknown";
    this.model = "Unknown";
  }

  constructor(make: string) {
    this.make = make;
    this.model = "Unknown";
  }

  constructor(make: string, model: string) {
    this.make = make;
    this.model = model;
  }
}

const car1 = new Car();
const car2 = new Car("Tesla");
const car3 = new Car("Tesla", "Model S");