為什麼選擇類型而不是接口

在 TypeScript 中，類型和介面都用來定義物件的類型。然而，它們有不同的用途和特點。兩者都可以幫助開發者在編寫程式碼時約束變數和物件的類型，從而減少錯誤並提高程式碼可讀性。

那為什麼要使用型別呢？我們來討論一下吧。

類型

在 TypeScript 中，類型可以讓您定義資料的形狀。它很靈活，可用於建立並集、交集等。

type User = {
  name: string;
  age: number;
};

type Admin = User & {
  isAdmin: boolean;
};

介面

介面是定義物件形狀的另一種方式。它比類型更嚴格，主要用於定義物件形狀和類別契約。

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

interface Admin extends User {
  isAdmin: boolean;
}

為什麼我更喜歡類型

• 聯盟

聯合類型可讓您定義可以是多種類型之一的類型。這對於函數參數和返回類型很方便。在這裡，ID 可以是字串也可以是數字，展示了聯合類型的強大功能。

type ID = string | number;

function getUserId(id: ID): string {
  return `User ID: ${id}`;
}

• 字串文字

文字類型可讓您指定變數可以具有的精確值。這對於定義常數或配置選項非常有用。

type Direction = 'north' | 'south' | 'east' | 'west';

function move(direction: Direction) {
  console.log(`Moving ${direction}`);
}

move('north');

• 條件型

類型允許建立條件類型，從而可以根據條件選擇類型

type Check<T> = T extends string ? string : number;

let result1: Check<string>; // result1 is of type string
let result2: Check<number>; // result2 is of type number

• 十字路口

交叉點類型可讓您將多種類型合併為一種。這對於創建複雜類型的組合特別有用。

type Person = {
  name: string;
  age: number;
};

type Employee = {
  employeeId: number;
};

type EmployeeDetails = Person & Employee;

const employee: EmployeeDetails = {
  name: 'Dev',
  age: 30,
  employeeId: 12345,
};

類型和介面之間的選擇最終取決於您的特定用例和個人喜好。然而，了解每種方法的優點可以幫助您做出更明智的決策並編寫更好的 TypeScript 程式碼。

以上是為什麼選擇類型而不是接口的詳細內容。更多資訊請關注PHP中文網其他相關文章！