typeScript入門（一）構建環境和數據類型
阿新 • • 發佈：2018-10-08
構建 數量 ESS init ntb 字符串 arr function undefine
最近入坑v-cli 3.0,發現ts越來越常用了，於是開始入坑學習。
1.構建ts環境
npm install -g typescript
Mac和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 和 undefined
void類型
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入門（一）構建環境和數據類型