【TypeScript入門攻略】揭秘對象類型的強大魅力

TypeScript 作為 JavaScript 的超集，在 JavaScript 的基本上引入了範例體系、介面跟類等特點，使得代碼愈加結實、易於保護跟擴大年夜。在 TypeScript 中，東西範例扮演著至關重要的角色。本文將深刻探究 TypeScript 的東西範例，包含東西字面量、範例別號、介面跟類，提醒它們在編程中的富強魅力。

東西字面量

東西字面量是 JavaScript 中罕見的語法，用於創建東西。在 TypeScript 中，東西字面量同樣實用，但可能結合範例註解來供給更明白的範例信息。

const product: { name: string; unitPrice: number } = {
  name: "Table",
  unitPrice: 450
};

鄙人面的例子中，product 東西存在 name 跟 unitPrice 兩個屬性，分辨表示產品的稱號跟單價。經由過程範例註解 { name: string; unitPrice: number }，我們可能告訴 TypeScript 編譯器 product 東西的構造。

範例別號

範例別號（Type Aliases）容許我們為範例創建一壹般號，使代碼愈加簡潔易懂。

type Product = { name: string; unitPrice: number };

const product: Product = {
  name: "Table",
  unitPrice: 450
};

經由過程範例別號 Product，我們可能將 product 東西的範例簡化為 Product，進步了代碼的可讀性。

介面

介面（Interfaces）是 TypeScript 頂用於定義東西構造的東西。與範例別號比擬，介面可能定義更多的特點，如可選屬性、只讀屬性、函數範例等。

interface Product {
  name: string;
  unitPrice: number;
  getUnitPrice(): number;
}

const product: Product = {
  name: "Table",
  unitPrice: 450,
  getUnitPrice() {
    return this.unitPrice;
  }
};

鄙人面的例子中，Product 介面定義了 name、unitPrice 跟 getUnitPrice 三個屬性跟方法。經由過程實現介面，我們可能確保東西符合特定的構造。

類

類（Classes）是 TypeScript 頂用於實現面向東西編程的東西。類可能包含屬性、方法、構造函數等，使代碼愈加模塊化跟可重用。

class Product {
  name: string;
  unitPrice: number;

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

  getUnitPrice(): number {
    return this.unitPrice;
  }
}

const product = new Product("Table", 450);

鄙人面的例子中，Product 類實現了 Product 介面，並增加了構造函數跟方法。經由過程創建實例，我們可能創建存在特定構造的東西。

總結

TypeScript 的東西範例為開辟者供給了富強的東西，可能幫助我們更好地構造跟保護代碼。經由過程東西字面量、範例別號、介面跟類等特點，我們可能進步代碼的可讀性、可保護性跟可擴大年夜性。在 TypeScript 編程中，純熟應用東西範例將使我們的代碼愈加結實跟高效。