TypeScript的基本類型

Boolean

在JavaScript和TypeScript中也具備最基本的邏輯斷言值true/false，採用’boolean’類型。javascript

1	`var` `isDone: boolean =` `false` `;`

Number

如JavaScript，TypeScript全部的數值類型採用浮點型計數，其類型爲‘number’。html

1	`var` `height: number = 6;`

String

在webpages的JavaScript或者服務端的應用程序最基本的功能就是處理文本數據。在其餘語言中大多使用’string’去表明文本數據類型。TypeScript和JavaScript同樣也是用雙引號(「)或者單引號包裹文本數據。java

1 2	`var` `name: string =` `"bob"` `;` `name =` `'smith'` `;`

Array

在TypeScript中如JavaScript同樣容許咱們操結合操做。數組類型可使用下邊兩種方式之一。web

第一種方式，你能夠在數據類型以後帶上’[]‘:c#

1	`var` `list:number[] = [1, 2, 3];`

第二種方式，也能夠採用泛型的數組類型：數組

1	`var` `list:Array<number> = [1, 2, 3];`

Enum

TypeScript爲JavaScript新增了枚舉這種標準的集合數據類型。和在c#中同樣，枚舉是爲一組數值類型一組更友好的名稱：post

1 2	`enum` `Color {Red, Green, Blue};` `var` `c: Color = Color.Green;`

默認枚舉類型其實數值從0開始，你能夠可用手動設置某一個成員的數值。例如咱們能夠將上文的起始值定爲1：spa

1 2	`enum` `Color {Red = 1, Green, Blue};` `var` `c: Color = Color.Green;`

或是手動設置所有的枚舉成員：code

1 2	`enum` `Color {Red = 1, Green = 2, Blue = 4};` `var` `c: Color = Color.Green;`

枚舉類型能夠和容易從一個數值類型獲取對應枚舉名稱。例如咱們有一個數值類型2，但不確認將匹配哪個枚舉成員，那麼咱們能夠以下使用：htm

 
            enum 
            Color {Red = 1, Green, Blue}; 
           
            var 
            colorName: string = Color[2]; 
           
            alert(colorName);

Any

有時咱們須要描述一些咱們不知道的什麼寫進應用的動態數據類型，這可能來自第三方用戶或者lib。在這裏咱們但願該數據不要加入TypeScript的類型檢查,是的此值經過編譯時檢查。爲此咱們能夠採用‘any’類型標註：

 
            var 
            notSure: any = 4; 
           
 
            notSure =  
            "maybe a string instead" 
            ; 
           
 
            notSure =  
            false 
            ;  
            // okay, definitely a boolean 
           

‘any’類型是一種強大的兼容存在的JavaScript庫的類型系統。他容許跳過TypeScript的編譯時類型的檢查。

‘any’類型對於咱們只知道部分數據類型，可是不是全部的數據類型的類型系統。如一個混合了多種類型的集合數組。

 
            var 
            list:any[] = [1,  
            true 
            ,  
            "free" 
            ]; 
           
            list[1] = 100;

Void

和‘any’相對的數據類型則是’Void‘，它表明沒有任何數據類型。咱們經常使用的一個方法沒有任何返回值：

 
            function 
            warnUser(): void { 
           
            alert( 
            "This is my warning message" 
            ); 
           
            }