TypeScript 專題

官方文檔地址

www.tslang.cn/docs/handbo…

vscode中配置自動編譯.ts文件

1. 在項目目錄下執行tsc --init，生成tsconfig.json文件，配置其中的output選項
2. 在vscode中，選擇項目文件夾爲工做區，而後終端(T)->運行任務->監視tsconfig.json

vscode配置後沒法自動編譯.ts文件的問題

看到終端只執行了> Executing task: tsc -p c:\Users\Administrator.dmk-PC\Desktop\ts\tsconfig.json --watch < 而後就卡住不動了，是vscode終端配置的問題，文件->首選項->設置,搜索shell->在settings.json中編輯 添加"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe"

ts中的數據類型

布爾類型(boolean)，數字類型(number)，字符串類類型(string)，數組類型(array)，元組類型(tuple)，枚舉類型(enum)，任意類型(any)，null&undefined，void，never

1. 數組類型 let a:number[]= [1,2,3]或者let a:Array<number>= [1,2,3]
2. 元組類型 let a:[number, string] 元組類型就是能夠放入多種類型的數組
3. 枚舉類型 用來將狀態碼等映射成單詞，例如Ajax.success= 200

enum Ajax {
    success= 200, error= 400
}

let f:Ajax= Ajax.success;
console.log(f);
複製代碼

ts函數與參數

//剪頭函數
var a= ():string=> '123';

//可選參數使用?，且必須配置到參數序列的最後邊
function getInfo(name:string, age?:number):string{
    return '123';
}

//默認參數，es6和ts均可以設置默認參數
function getInfo(name:string, age:number=30):string{
    return '123';
}

複製代碼

ts中的類

裝飾器

裝飾器是一種特殊類型的聲明，本質是一個【方法】，會在【預編譯】階段執行，能夠【無侵入的】修改或拓展類，方法，方法參數，屬性的行爲。