TypeScript 基本數據類型

TypeScript 是一種由微軟開發的 JavaScript 超集，結合了靜態類型系統與多種強大的特性。透過使用 TypeScript，開發者可以更有效地進行大型應用的開發，減少錯誤並提高可維護性。本文將介紹 TypeScript 中的基本數據類型，包括數字、字串、布林值、陣列、元組、枚舉、以及物件，並提供實作範例與最佳實踐。

數字

TypeScript 支援多種數字類型，包括整數與浮點數。整數可以使用十進位、十六進位、八進位或二進位表示法，而浮點數則使用 IEEE 754 格式進行表示。

以下是一個簡單的程式範例，展示了 TypeScript 中的數字類型：

let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;

字串

在 TypeScript 中，字串可以使用單引號（’）、雙引號（”）或模板字串來表示。模板字串特別適合於多行文字及嵌入變數的情況。

以下是一個簡單的程式範例，展示了 TypeScript 中的字串類型：

let color: string = "blue";
color = 'red';

let fullName: string = `Bob Bobbington`;
let age: number = 37;
let sentence: string = `Hello, my name is { fullName }.

I'll be{ age + 1 } years old next month.`;

布林值

TypeScript 中的布林值可僅用 true 或 false 來表示，這是控制程序流的重要部分。

以下是一個簡單的程式範例，展示了 TypeScript 中的布林值類型：

let isDone: boolean = false;

陣列

TypeScript 中的陣列可以使用兩種方式進行定義：「陣列泛型」（Array Generic）和「型別陣列」（Type Array）。這兩種方法都能有效地管理數據集合。

以下是一個簡單的程式範例，展示了 TypeScript 中的陣列類型：

let list: number[] = [1, 2, 3];
let anotherList: Array = [1, 2, 3];

元組

元組類型允許開發者定義一個已知元素數量和類型的陣列，這在處理不同類型的數據時非常有用。

以下是一個簡單的程式範例，展示了 TypeScript 中的元組類型：

let x: [string, number];
x = ["hello", 10]; // OK
x = [10, "hello"]; // Error

枚舉

枚舉用來定義名稱與數值對應的常數，這使得代碼更加清晰和可維護。

以下是一個簡單的程式範例，展示了 TypeScript 中的枚舉類型：

enum Color {Red, Green, Blue}
let c: Color = Color.Green;

物件

物件在 TypeScript 中可以使用型別推斷或明確定義型別的方式來管理複雜數據結構。

以下是一個簡單的程式範例，展示了 TypeScript 中的物件類型：

let point = { x: 10, y: 20 };

// 明確的定義型別
let point2: { x: number; y: number } = { x: 10, y: 20 };

掌握這些基本數據類型，不僅能提升你的 TypeScript 開發效率，還能減少潛在的錯誤發生。

Q&A（常見問題解答）

Q1: TypeScript 的基本數據類型與 JavaScript 有何不同？

A1: TypeScript 在 JavaScript 的基礎上增加了靜態類型系統，使得開發者可以在編寫代碼時明確指定變數的類型，從而提高代碼的可讀性和可維護性。

Q2: 如何在 TypeScript 中使用元組？

A2: 元組允許你定義一個擁有固定數量和類型的數組，這可以通過明確指定類型來實現，例如：[string, number]。

Q3: TypeScript 支援哪些類型的數據？

A3: TypeScript 支援多種數據類型，包括基本數據類型（數字、字串、布林值）、複合數據類型（陣列、元組、物件）及特殊類型（枚舉、任意值等）。

—