????????TypeScript 是一種靜態(tài)類型檢查的 JavaScript 超集，它提供了許多強(qiáng)大的高級數(shù)據(jù)類型，可以幫助我們更好地定義和操作數(shù)據(jù)。本文將深入介紹 TypeScript 的高級數(shù)據(jù)類型，包括交叉類型、聯(lián)合類型和映射類型，并通過示例代碼演示它們的用法和優(yōu)勢。

一、交叉類型（Intersection Types）

????????交叉類型用于將多個類型合并為一個新的類型。通過使用?&?符號，我們可以將多個類型進(jìn)行交叉操作。交叉類型的結(jié)果是一個包含了所有交叉類型成員的新類型。

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

interface Employee {
  companyId: string;
  position: string;
}

type EmployeePerson = Person & Employee;

const employeePerson: EmployeePerson = {
  name: "John",
  age: 30,
  companyId: "ABC123",
  position: "Manager",
};

在上面的示例中，我們定義了?Person?和?Employee?接口，然后使用交叉類型?EmployeePerson?將它們合并為一個新的類型。這樣，EmployeePerson?類型就同時具有了?Person?和?Employee?接口中的屬性和方法。

二、聯(lián)合類型（Union Types）

????????聯(lián)合類型允許一個值具有多種可能的類型。通過使用?|?符號，我們可以將多個類型定義為一個聯(lián)合類型。當(dāng)我們需要處理多個類型的值時，聯(lián)合類型非常有用。

type Status = "success" | "error" | "loading";

function getStatusMessage(status: Status): string {
  switch (status) {
    case "success":
      return "Operation successful";
    case "error":
      return "An error occurred";
    case "loading":
      return "Loading data";
    default:
      throw new Error("Invalid status");
  }
}

const successMessage = getStatusMessage("success");
console.log(successMessage); // Output: "Operation successful"

在上述示例中，我們定義了一個?Status?類型，它只能取三個字符串字面量值之一。然后，我們編寫了一個函數(shù)?getStatusMessage，它接受一個?Status?類型的參數(shù)，并返回相應(yīng)的消息。通過使用聯(lián)合類型，我們可以在函數(shù)內(nèi)部使用?switch?語句來處理不同的狀態(tài)。

三、映射類型（Mapped Types）

????????映射類型允許我們基于現(xiàn)有類型創(chuàng)建新類型。通過使用泛型和索引簽名，我們可以對現(xiàn)有類型的屬性進(jìn)行修改、添加或刪除。

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

type ReadonlyPerson = Readonly<Person>;
// ReadonlyPerson: { readonly name: string; readonly age: number; }

type PartialPerson = Partial<Person>;
// PartialPerson: { name?: string; age?: number; }

type PickPerson = Pick<Person, "name">;
// PickPerson: { name: string; }

type RecordPerson = Record<"id", Person>;
// RecordPerson: { id: Person; }

在上面的示例中，我們使用了幾個常見的映射類型。Readonly<T>?將屬性設(shè)置為只讀，Partial<T>?將屬性設(shè)置為可選，Pick<T, K>?從?T?中選擇指定的屬性，Record<K, T>?將屬性值映射到指定的類型。

總結(jié)

????????本文介紹了 TypeScript 的高級數(shù)據(jù)類型，包括交叉類型、聯(lián)合類型和映射類型。通過合理地運(yùn)用這些高級數(shù)據(jù)類型，我們可以更好地定義和操作數(shù)據(jù)，提高代碼的可讀性和可維護(hù)性。希望這篇文章對你理解 TypeScript 的高級數(shù)據(jù)類型有所幫助。文章來源地址http://www.zghlxwxcb.cn/news/detail-797405.html

到了這里，關(guān)于TypeScript基礎(chǔ)知識：高級數(shù)據(jù)類型的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！