typeScript入門（一）構建環境和資料類型

標籤：error   ict   def   資料   err   學習   doc   種類   ring   

最近入坑v-cli 3.0,發現ts越來越常用了，於是開始入坑學習。1.構建ts環境npm install -g typescriptMac和vscode使用者可以用以下方式構建tsdemo項目mkdir tsdemo && cd tsdemo && tsc --init在產生的tsconfig.json中的配置“outDir”的值改成‘./js’然後就是“終端”—>“運行任務”，監視tsconfig.json最後建立一個index.html和index.ts,index.html引入的js路徑是./js/index.js，因為index.ts會被編譯到./js/index.js裡。2.ts的資料類型布爾類型（boolean）數字類型（number）字串類型(string)數群組類型（array）元群組類型（tuple）枚舉類型（enum）任意類型（any）null 和 undefinedvoid類型never類型 1）布爾類型（boolean）var flag:boolean=true;2）數字類型（number）var num:number=123;3）字串類型(string)var str:string=‘this is ts’;4）數群組類型（array）var arr:number[]=[11,22,33];var arr:Array<number>=[11,22,33];var arr3:any[]=[‘131214‘,22,true];這兩種定義數組的方式都是對的5）元群組類型（tuple）元群組類型允許表示一個已知元素數量和類型的數組let arr:[number,string]=[123,‘this is ts‘];6）枚舉類型（enum）為了考慮到一個變數有多種可能的值稱為枚舉類型。enum Flag {success=1,error=2};let f:Flag=Flag.error;賦值的時候需要注意一下，它是:Flag，表示在這個枚舉中取值。7）任意類型（any）any可以是其他的任意ts類型，用於不清楚變數的類型但又想為其指定類型比如：var oBox:any=document.getElementById(‘box’);8）null 和 undefined預設情況下null和undefined是所有類型的子類型。 就是說你可以把 null和undefined賦值給任何類型的變數。但是你在開啟strictNullChecks標記後，就需要在定義的時候，給你變數多種類型var nums:number | null;9）void類型 :typescript中的void表示沒有任何類型，一般用於定義方法的時候方法沒有傳回值。function run():void{   console.log(‘run‘)}run();10）never類型never類型表示的是那些永不存在的值的類型，比如閉包var a:never;a=(()=>{   throw new Error(‘錯誤‘);})()         

typeScript入門（一）構建環境和資料類型