我如何開始打字稿。

嘿，

如果您正在閱讀這篇文章，我想特別感謝您找到我的第一篇技術寫作部落格文章。

中國有句俗話：「千里之行始於足下」。

首先，我的名字是 Abel Emmanuel，我是軟體開發人員、開源貢獻者和倡議者。我謹祝我謙卑的自己生日快樂。

今天，2024 年 12 月 20 日，我開始學習 Typescript 和技術寫作。我有時會了解 Typescript，但我從未見過它的重要、有用、豐富的功能以及它如何幫助我編寫更好的程式碼。

理想情況下，我在知道 Typescript 的時候就拒絕學習它。我的結論是，學習 Typescript 沒有任何用處，因為它具有與 JavaScript 相同的語法和所有內容，直到我找到了需要 Typescript 的工作。

這就是我開始正確學習 Typescript 的方式，如果沒有的話我就已經把注意力集中在 Typescript 上了。

今天，我想分享 Typescript 的基礎知識、它的重要性以及它如何幫助您減少程式碼中編寫的錯誤。

JavaScript從誕生之日起就不是像C、C、C#、Rust等低階程式語言那樣的類型語言。

在類型化語言中，變數和值都有型別。

這就是類型化語言的意義，以 C 程式語言為例。

例如在 JavaScript 中定義變數：

let x = 5
typeof x    //number

在 JavaScript 中，x 可以重新指派給字串值。

x = "Emmanuel"
typeof x    //string

與 C 程式語言等低階語言相比，您必須讓變數知道值資料類型。例如：

init x =  5
float y = 0.5

如果您嘗試重新分配變數 x 和 y，則會拋出錯誤。然而，JavaScript 是一種鬆散類型的語言，可能會導致程式碼中出現大量錯誤。

為了避免這種情況，您需要一個名為 Typescript 的 JavaScript 超集。 Typescript 是一個靜態類型檢查器，可在執行程式之前協助檢查程式中的錯誤。

開始吧
將 Typescript 全域或本機安裝到您的專案中。
npm install -g typescript

建立一個資料夾並將其命名為 typescript。

右鍵點選資料夾（typescript），使用 Visual Studio Code 開啟並建立檔案 test.ts。

完成此操作後，下一步就是開始寫打字稿。

在 test.ts 檔案中複製程式碼並將其貼上到檔案中並運行它。

console.log("Hello world");

運行打字稿檔案。開啟命令列介面 (CLI) 和 tsc test.ts。該指令將運行打字稿檔案。

注意：如果您不安裝 typescript，您將無法在 CLI 中存取 tsc。

運行後，您會注意到 CLI 中沒有發生任何引人注目的事情，但是，您會在資料夾中註意到一個新檔案 test.js。

開啟 test.js 文件，您會注意到執行的命令會將 test.ts 中的所有內容輸出到 test.js。

讓我們在程式碼中包含類型。讓我們看看它在 Javascript 中是什麼樣子。

let x = 5
typeof x    //number

運行 tsc test.ts。沒什麼特別的事情發生。
然而，假設函數呼叫 meet() 得到一個像 meet(7).

這樣的參數

Typescript 將指示錯誤。

x = "Emmanuel"
typeof x    //string

通常，在 JavaScript 世界中，程式碼很酷，但這不是我們想要的。所以即使它在運行時不會拋出錯誤。 Typescript 幫助我們提前發現問題。這是打字稿最酷的部分。它可以幫助您編寫更少錯誤的程式碼。

讓我們檢查一下這段程式碼。

init x =  5
float y = 0.5

注意函數 meet(name: string, id: number)，附加的 :string 和 :number。這告訴我們我們需要一個參數字串和一個數字。如果您這樣做，否則您的程式碼將觸發錯誤。

函數回傳型別
我們可以允許我們的函數傳回特定類型。

console.log("Hello world");

物件類型

function meet(name, id){
    console.log(`Hello ${name}, your unique ID is ${id}.`)
}

meet("Abel Emmanuel", 7)
// Hello Abel Emmanuel, your unique ID is 7.

其他原始型別註解。

Expected 2 arguments, but got 1.ts(2554)
test.ts(1, 21): An argument for 'id' was not provided.

總之，Typescript 是一種類型語言，可以幫助您編寫更好的 JavaScript 並減少錯誤。更多內容請造訪 Typescript 官方網站：Typescript。

如果您覺得這篇文章有幫助，請告訴我，如果有更好的改進方法，我將很高興向您學習。感謝您閱讀我的第一篇文章。

在 Twitter 上追蹤我，我會分享精彩內容。

以上是我如何開始打字稿。的詳細內容。更多資訊請關注PHP中文網其他相關文章！