TypeScript 接口 (Interfaces) 的類型

TypeScript 是一種由微軟開發的開源語言，它是 JavaScript 的超集，擁有更多功能以支援開發者。TypeScript 接口 (Interfaces) 是一種強大的工具，幫助開發者更好地管理程式碼，提供更多細節和可讀性。本文將介紹 TypeScript 接口的基本概念、類型、實作範例及最佳實踐，讓你在 2025 年掌握這項技術。

什麼是 TypeScript 接口？

TypeScript 接口是一種定義物件屬性和行為的方式，使開發者能夠更輕鬆地管理程式碼，並提高可讀性。透過接口，開發者可以檢查物件的屬性和行為，確保程式碼的一致性和可維護性。

TypeScript 接口的類型

TypeScript 接口可以分為兩種類型：抽象類型和實體類型。

抽象類型

抽象類型是一種概念，定義了一組屬性和方法，但不實現具體的行為。它可以被其他類型繼承，促進代碼重用。

例如，我們可以定義一個抽象類型 Animal，並讓其他類型如 Cat 和 Dog 繼承它：

abstract class Animal {
  abstract makeSound(): void;
  move(): void {
    console.log('roaming the earth...');
  }
}

實體類型

實體類型是一種具體的實現，定義了物件的實際屬性和行為。這些類型可以繼承抽象類型，並提供具體的實現。

例如，我們可以定義一個實體類型 Cat，它繼承自 Animal 類型，並實現 makeSound 方法：

class Cat extends Animal {
  makeSound(): void {
    console.log('meow');
  }
}

實作範例

以下是一個簡單的實作範例，展示如何使用 TypeScript 接口來定義物件的結構：

interface Person {
  name: string;
  age: number;
}

const user: Person = {
  name: 'John Doe',
  age: 30
};

console.log(user.name); // Output: John Doe
console.log(user.age); // Output: 30

錯誤排除

在使用 TypeScript 接口時，常見的錯誤包括屬性未定義或類型不匹配。確保你的物件符合接口定義，以避免類型錯誤。例如：

const user: Person = {
  name: 'John Doe',
  // age: 30 // 錯誤：缺少必需的屬性
};

延伸應用

TypeScript 接口可應用於許多場景，如 API 定義、表單驗證和物件結構定義。透過接口，開發者能夠清晰地定義系統中的物件結構，提升代碼的可維護性及可讀性。

結論

TypeScript 接口是一種強大的工具，幫助開發者更好地管理程式碼，並提供更多細節和可讀性。透過學習和實踐接口的使用，你可以開發出高品質的程式碼，並更容易地維護和更新你的項目。

Q&A（常見問題解答）

1. TypeScript 接口與類別有什麼不同？

TypeScript 接口主要用於定義物件的結構，而類別則用於定義對象的具體實現和行為。接口不包含實現，而類別則包含方法的具體實作。

2. 如何在 TypeScript 中擴展接口？

你可以使用 `extends` 關鍵字來擴展一個接口，這樣可以繼承其他接口的屬性。例如：

interface Employee extends Person {
  employeeId: number;
}

3. TypeScript 接口可以作為函數的參數嗎？

是的，TypeScript 接口可以作為函數的參數類型，這樣可以確保傳入的物件符合特定的結構。例如：

function greet(person: Person) {
  console.log(`Hello, ${person.name}`);
}

—