基本類型(Basic Types) | TypeScript

TypeScript ,作為 JavaScript 的超集,引入了靜態類型,使得程式碼更加可靠且易於維護。TypeScript 的基本類型使開發人員可以在開發前期就發現許多隱密的型別錯誤,在大型多人協作專案中,這種明確的型別優勢就特別巨大,因此 Typescript 在大型專案中使用率逐漸超越了 JavaScript

TypeScript 基礎型別範例:

// 1. Boolean:
// TypeScript中的布林類型表示true或false的值。
let isComplete: boolean = true;

// 2. Number:
// 數字類型用於表示數值,可以是整數或浮點數。
let count: number = 42;
let pi: number = 3.14;

// 3. String:
// 字串類型表示文本數據。
let message: string = "Hello, TypeScript!";

// 4. Array:
// 陣列類型表示包含相同類型元素的有序集合。
let numbers: number[] = [1, 2, 3, 4, 5];
let fruits: Array<string> = ["apple", "banana", "orange"];

// 5. Tuple:
// 元組類型允許定義具有固定數量元素的數組,每個元素可以具有不同的類型。
let person: [string, number] = ["John", 30];

// 6. Enum:
// 枚舉類型為一組命名的值提供名稱。
enum Direction {
    Up,
    Down,
    Left,
    Right
}

let move: Direction = Direction.Up;

// 7. Any:
// 任意類型表示可以接受任何類型的值。在某些情況下,使用它可能減少類型檢查的嚴格性。但是一般來說不建議使用。
let dynamicValue: any = "I can be any type.";

// 8. Void:
// Void類型用於表示函數沒有返回值。
function logMessage(): void {
    console.log("This function doesn't return a value.");
}

// 9. Null and Undefined:
// Null和Undefined類型表示缺少值。它們通常用於可選參數或可能缺失的屬性。
let nullValue: null = null;
let undefinedValue: undefined = undefined;

在範例中,我們聲明了各種不同的基本類型,展示了它們在變數、數組、函數和枚舉中的應用。
這有助於使代碼更明確,並提供了更好的代碼提示和類型檢查,從而減少代碼錯誤,和協作時的溝通成本。

範例代碼:

// Boolean
let isActive: boolean = true;

// Number
let age: number = 25;

// String
let greeting: string = "Hello, TypeScript!";

// Array
let numbers: number[] = [1, 2, 3, 4, 5];
let fruits: Array<string> = ["apple", "banana", "orange"];

// Tuple
let person: [string, number] = ["John", 30];

// Enum
enum Days {
    Sunday,
    Monday,
    Tuesday,
    Wednesday,
    Thursday,
    Friday,
    Saturday
}

let today: Days = Days.Wednesday;

// Any
let dynamicValue: any = "I can be any type.";

// Void
function logMessage(): void {
    console.log("This function doesn't return a value.");
}

// Null and Undefined
let nullValue: null = null;
let undefinedValue: undefined = undefined;