解釋 TypeScript 中 null 的概念及其用途

---

在 TypeScript 中，“null”指的是資料型別或值。null 是 TypeScript 中的一個關鍵字，我們可以用它來表示不存在或空值。因此，我們可以使用“null”來定義變數的資料型別或初始化變數。

在本教程中，我們將學習 null 值和資料型別在 TypeScript 中的不同用例。

語法

使用者可以按照以下語法使用 null 關鍵字作為資料型別或值。

let null_var: null = null; 

在上述語法中，“null”指的是名為 null_var 變數的資料型別，我們用 null 值對其進行了初始化。

TypeScript 是一種型別嚴格的語言。因此，我們需要定義變數的資料型別。如果我們想用空值定義變數，我們需要將該變數定義為 Null 型別。

示例

在下面的示例中，我們建立了型別為 null 的 null_var 變數，並用 null 值對其進行了初始化。之後，我們列印了 null_var 的值，它會列印 null。

下面示例的目的是展示當我們將 null 值賦給變數時，該變數包含什麼值。

// defining the variable of type null and initialized with the null value
let null_var: null = null;
console.log("The value of null_var is " + null_var);

編譯後，它將生成以下 JavaScript 程式碼：

// defining the variable of type null and initialized with the null value
var null_var = null;
console.log("The value of null_var is " + null_var);

現在，我們將學習 null 在即時開發中的用例。例如，您建立了變數，需要在從資料庫獲取值後對其進行初始化。因此，當您宣告變數時，您可以用 null 初始化它，當從資料庫完成資料獲取後，您可以用資料進行初始化。當您想對該變數執行某些操作，但僅在它不為 null 並已初始化為某些值時，這很有用。

示例

在下面的示例中，我們聲明瞭型別為數字或 null 的 data 變數。我們首先用 null 值對其進行了初始化，並使用 if 條件檢查資料是否可用，然後列印資料。

之後，我們用數字初始化 data 變數，並再次使用“if”語句檢查 data 值的存在，並相應地列印訊息。

// declaring the data variable of type null or number
let data: null | number = null;

// If data is available, print the data
if (data) {
   console.log(data);
}

// think about fetching data from the database and initializing with the value.
data = 10;

// if data is not null, print the message
if (data) {
   console.log("The value of the data is " + data);
}

編譯後，它將生成以下 JavaScript 程式碼：

// declaring the data variable of type null or number
var data = null;

// If data is available, print the data
if (data) {
   console.log(data);
}

// think about fetching data from the database and initializing with the value.
data = 10;

// if data is not null, print the message
if (data) {
   console.log("The value of the data is " + data);
}

上面示例的目的是演示我們可以透過用 null 值初始化來宣告沒有實際值的變數。稍後，我們可以透過實際值初始化變數。

處理 null 變數

我們學習瞭如何宣告 null 變數，但現在我們需要學習如何處理 null 變數。最簡單的方法是使用 if 語句。在 if 語句條件內，我們檢查變數值是否為 null。但還有其他方法可以處理 null 變數。

使用可選鏈

可選鏈允許我們為類和物件定義可選屬性。但是，我們可以使用可選鏈來處理 null 變數。我們可以使用問號 (?) 運算子使任何屬性可選。

語法

使用者可以按照以下語法使用可選鏈來處理 null 變數。

interface sample {
   property?: type;
}

示例

在這個例子中，我們建立了一個包含可選 age 屬性的介面。我們定義了 sample 型別的物件，並且沒有在其中宣告 age，因為它是一個可選屬性。

// interface for object
interface sample {
   id: string;
   name: string;
   age?: number;
}

// age is optional, so you don't need to define it
let object: sample = {
   id: "20232",
   name: "shubham",
};

// accessing the age
let age_var: number | undefined = object.age;
console.log("The value of age_var is " + age_var);

編譯後，它將生成以下 JavaScript 程式碼：

// age is optional, so you don't need to define it
var object = {
   id: "20232",
   name: "shubham"
};

// accessing the age
var age_var = object.age;
console.log("The value of age_var is " + age_var);

在本教程中，我們學習了 null 的各種用例以及如何處理 null 變數。因此，當用戶不確定變數的值，並希望稍後用其他值對其進行初始化時，他們應該用 null 值初始化變數，而不是用隨機值初始化它。