下載

npm i -g typescript

編譯成js檔案

tsc '檔名'

vscode配置typescript

1. 新建檔案一個資料夾，進行初始化tsconfig.json 。cdm執行tsc --init
2. 設定生成路徑 "outDir": "./js"(這裡生成路徑可根據自己需要更改)；
3. 在vscode中導航欄選擇“終端–>執行任務–>監視tsconfig.json”及可在上一步配置的路徑下編譯出js檔案

typescript型別校驗

1. 布林型別(boolean)

 let bool:boolean = true;
 console.log(bool); // true

2. 數字型別(number)

let num:number = 3;
console.log(num); // 3

3. 字元轉型別(string)

let str:string = 'sss';
console.log(str); // sss

4. 陣列型別(array)

// 第一種定義方法(每項都為number）
let arr1:number[] = [11,22,33];
// 第二種定義方法(每項都為string)
let arr2:Array<string> = ['a','b','c'];
// 第三種定義方法(每項可為任意型別)
let arr3:any[] = [123,'aaa',true];

5. 元祖型別(tuple)

// 對應位數對應型別
let arr:[number,string] = [123,'str']

6. 列舉型別(enum)

// 如果不賦值，預設值為下標
 enum Flag {success=1,'err'=0};
 let f:Flag = Flag.success;
 console.log(f) // 1

7. 任意型別(any)

// 可以設定任何的型別
let oBox:any = document.getElementById('box');

7. null 和 undefined是 其他(never型別)的子型別

let num:number | undefined
console.log(num) // undefined 不報錯
num = 123;
console.log(num) // 123
 

8. void型別:typescript中的void表示沒有任何型別，一般用於定義方法的時候方法沒有返回值。

// 方法沒有返回任何型別
 function run():void{
    console.log('run')
 }
// 方法返回number型別
function numf():number{
    return 123
}

9.never型別:是其他型別(包括null和undefined)的子型別，代表從不會出現的值（通常表現為丟擲異常或無法執行到終點）

let a: never;
let b: number;
// 執行錯誤，數字型別不能轉為 never 型別
a = 123;
// 執行正確，never 型別可以賦值給 never型別
a = (()=>{ throw new Error('exception')})();