使用 TypeScript 響應組件

mstmahmuda11121

具有靜態型別系統的著名語言包括 Java、C# 或 C/C++。 TypeScript 為 JavaScript 提供了型別系統。由於 TypeScript 採用了 JavaScript 的語法，並且只是擴展了它（但沒有改變它），因此任何有效的 JavaScript 程式碼也是有效的 TypeScript 程式碼。在最簡單的形式中，將包含 JavaScript 程式碼的檔案轉換為 TypeScript 是透過將檔案副檔名從 .js 變更為 .ts 來完成的。 （在支援 TypeScript 的 IDE 或編輯器中，您也可以透過在檔案開頭新增 //@ts-check 讓 TypeScript 檢查 JavaScript 檔案）。 因此上面顯示的第一個範例也是有效的 TypeScript 程式碼。 已經（隱式）為 person 變數分配了一個類型，即字串。的類型。在本例中，TypeScript 已確定變數「person」的類型字串，並且由於無法將數字指派給字串，因此 TypeScript 在下一行中發出相應的錯誤訊息。 除了類型的隱式派生之外，還可以（並且在某些地方是必要的）明確地寫下類型資訊。例如，函數的參數必須始終提供類型規範，因為 TypeScript 本身無法確定正確的類型。


在 TypeScript 中，類型資訊寫在變數、函數參數或函數簽名並以冒號分隔。上面範例中的greet函數 沙烏地阿拉伯 電話號碼 現在在TypeScript中看起來像這樣到程式碼 TypeScript 確保在開發時僅使用字串呼叫greet 函數。所有其他類型都會導致錯誤。函數的回傳值又由 TypeScript 自動派生，因此變數greeting也是字串型別。 除了字串、數字、布林值等資料類型之外，TypeScript 也有自己的類型，null 和 undefined。因此，可以假定 null 或 undefined 的變數、函數參數等必須單獨標記。使用 null 作為參數（或完全不指定參數）呼叫greet 會被 TypeScript 確認並顯示錯誤。為了指示類型也可以為 null 或未定義，可以使用由多個單獨類型（聯合類型）組成的類型。為此，只需使用或運算子 (|) 分別編寫多個類型即可。




可以將greet函數簽章變更為接受空值，如下所示 到程式碼 由於 person 現在可以在運行時為 null，因此訪問它時會出現相應的錯誤訊息。透過這種方式，TypeScript 可以防止潛在的錯誤來源。我們可以將對應的程式碼更正如下 到程式碼 現在，TypeScript 知道函數最後一行中的 person 只能是字串類型，因為在它之前的 if 分支中檢查了另一種可能性。此函數稱為「類型縮小」：根據程式分支，變數的類型可以從一組類型縮減為一個子集。 定義您自己的類型 除了原始類型之外，還可以使用 TypeScript 定義自己的類型。這可以用來描述物件的結構。例如，對於greet函數的另一個變體，我們可以描述一個人物件。然後，TypeScript 確保只允許呼叫其物件符合所需結構的函數。可以使用 type 關鍵字定義自訂類型。