TypeScript 基礎

JavaScript是一種直譯型語言，雖非常靈活，但缺少編譯器的編譯檢查使它的穩定性與安全性相對較差。TypeScript正好彌補了這一缺點。

安裝

TypeScript需要經編譯才可執行，因此須先下載Node.js環境

• https://nodejs.cn
• 在上面這個連結下載好後，打開終端並輸入sudo npm install -g typescript即可安裝TypeScript工具，並輸入tsc -v以檢查版本，若成功安裝完成會輸出Version 5.6.2

測試

基礎功能

1. 用VS Code 建立一個叫1.HelloWorld.ts的原始檔案並輸入：

function getString(str){
    return "Hello, "+ str;
}
console.log(getString("TypeScript"));

2. 打開電腦終端，並下載ts -node sudo npm install -g ts-node
3. 在終端輸入pwd確定目前目錄位置，然後輸入存放1.HelloWorld.ts的目錄路徑
4. 輸入tsc 1.Helloworld.ts會產生1.Helloworld.js的檔案，這就是編譯後的JavaScript程式，可直接在終端執行。

IDE工具

• 撰寫程式後，每次執行皆需要手動執行編譯，不僅麻煩且也不利於開發過程中的中斷點及偵錯。因此，實作中可以使用IDE工具來解決，也就是VS Code。

1. 首先建立名為2.HelloWorld.ts的檔案並輸入：

function getString(str:String): String{
    return "Hello, "+ str;
}
let str:String = "TypeScript !!!"
console.log(getString(str));

2. 執行與偵錯，選擇Node.js環境。
3. 打開生成的launch.json檔並修改為：

{
    "version": "0.2.0",
    "configurations": [
        {
            "command": "ts-node ${file}",
            "name": "Launch",
            "request": "launch",
            "type": "node-terminal",
        }
    ]
}

4. 再次執行2.HelloWorld.ts

• 這樣設定之後，在VS Code執行TypeScript檔案時會自動呼叫ts-node執行

• 執行結果如下：

• 今天的內容就先到這邊，接下來會介紹TypeScript中的基本類型。