在TypeScript中，null和undefined是兩個特殊的值，用于表示變量的缺失或未定義。盡管它們在某些情況下可能看起來相似，并且都可以表示"沒有值"，但它們在語義和用法上存在一些重要的區別。下面是對它們的詳細介紹以及一些示例代碼：

1. null：表示一個空的或不存在的值。它是一個賦值給變量的特殊關鍵字。

let name: string | null = null;

console.log(name); // 輸出: null

在上述示例中，我們聲明了一個名為name的變量，并將其初始值設置為null。這表明該變量當前沒有值，即為空。

2. undefined：表示一個變量已經聲明，但尚未賦值，或者一個屬性不存在。

let age: number | undefined;

console.log(age); // 輸出: undefined

在這個例子中，我們聲明了一個名為age的變量，但沒有給它賦值。因此，age的值為undefined，表示變量已經聲明但尚未定義具體的值。

除了上述的基本用法之外，null和undefined還有一些其他的注意事項：

• null和undefined是所有類型的子類型。這意味著可以將它們分配給任何類型的變量。

let name: string = "Alice";
name = null; // 合法，可以將null賦值給字符串類型的變量

• 使用嚴格的類型檢查標志（strictNullChecks）可以避免對null和undefined的隱式使用。

let name: string | null = null;
let age: number | undefined;

name.toLowerCase(); // 編譯錯誤，不能調用null的方法
age.toFixed(); // 編譯錯誤，不能調用undefined的方法

• 使用可選屬性和可選參數時，它們的默認值通常是undefined。

interface Person {
 name: string;
 age?: number; // 可選屬性，其默認值為undefined
}

function greet(person: Person) {
 console.log(`Hello, ${person.name}! You are ${person.age} years old.`);
}

const alice: Person = {
 name: "Alice",
};

greet(alice); // 輸出: Hello, Alice! You are undefined years old.

總結：

本文深入介紹了TypeScript中null和undefined的區別。盡管它們在某些情況下可以互相替代，但它們在語義和用法上存在著重要的差異。null表示一個空的或不存在的值，而undefined表示一個變量已經聲明但尚未賦值，或者一個屬性不存在。通過正確理解和使用這兩個特殊值，可以更好地處理變量的缺失或未定義的情況，提高代碼的可靠性和可讀性。希望本文對讀者有所幫助，使他們能夠在TypeScript中正確地使用null和undefined。