TypeScript 專題

官方文檔地址

www.tslang.cn/docs/handbo…html

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"es6

ts中的數據類型

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

  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中的類

裝飾器

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

相關文章
相關標籤/搜索