ts 構造函數重載

2023年12月11日發(作者：原諒自己)

-

ts 構造函數重載

TS 構造函數重載是 TypeScript 中的一種高效的面向對象編程技術。它允許我們在一個類中定義多種不同類型或參數數量的構造函數。這篇文章將為大家詳細介紹 TS 構造函數重載的概念、語法和示例。

一、概念

構造函數是一個特殊的函數，用來實例化對象。在 TypeScript 和

JavaScript 中，類中的構造函數可以接受任意數量和類型的參數。但是，有時我們想以不同的方式初始化對象，就可以使用構造函數重載。

一個構造函數重載允許我們定義多個構造函數，每個構造函數都有不同的參數數量和類型。當我們通過不同的方式調用構造函數時，TypeScript 編譯器會根據傳遞的參數自動匹配對應的構造函數。

二、語法

在 TypeScript 中，你可以通過重載構造函數來定義多個構造函數。下面是一個示范：

```typescript

class MyClass {

constructor();

constructor(name: string);

constructor(name: string, age: number);

constructor(name?: string, age?: number) {

// 執行初始化代碼

}

} ```

在上述示范中，我們定義了三個構造函數，分別接受零個、一個和兩個參數。實際上，其中只有最后一個構造函數是真正起作用的，另外兩個只是重載用的。

三、示例

下面是一個稍微復雜一些的示例，它演示了如何使用 TS 構造函數重載來創建一個具有不同屬性的對象：

```typescript

class Person {

firstName: string;

lastName: string;

birthYear: number;

constructor();

constructor(firstName: string);

constructor(firstName: string, lastName: string);

constructor(firstName: string, lastName: string, birthYear:

number);

constructor(firstName?: string, lastName?: string,

birthYear?: number) {

ame = firstName || "";

me = lastName || "";

ear = birthYear || new Date().getFullYear();

}

getFullName() {

return `${ame} ${me}`; }

getAge() {

return new Date().getFullYear() - ear;

}

}

const person1 = new Person();

const person2 = new Person("張三");

const person3 = new Person("李四", "王");

const person4 = new Person("小紅", "劉", 1990);

```

在上述示例中，我們定義了一個 Person 類，它有三個屬性（firstName、lastName 和 birthYear）和兩個方法（getFullName

和 getAge）。我們使用構造函數重載來定義了四個構造函數，分別接受不同數量和類型的參數。

通過這種方式，我們可以用不同的方式創建 Person 對象：只提供默認值、只提供名字、提供名字和姓氏、或提供所有信息。然后，我們就可以使用相應的屬性和方法訪問這些對象。

四、總結

TS 構造函數重載是一種高效的面向對象編程技術，它允許我們創建具有不同屬性和方法的對象。通過重載構造函數，我們可以為不同的情況定義不同的參數。在實踐中，這種技術能夠提高代碼的可讀性、靈活性和復用性。

-