TypeScript - Basic Types

TypeScript 內可用的型態有 Boolean、Number、String、Array、Any、Void、Enum 這幾種。



其中 Boolean、Number、String、Array、Any、Enum 的宣告方式如下:

var variableName: Type;


所以宣告起來會像下面這樣:

1
2
3
4
5
6
7
var booleanVariable: boolean;
var numberVariable: number;
var stringVariable: string;
var arrayVariable1: number[];
var arrayVariable2: Array<number>;
var anyVariable: any;
var enumVariable: enumName;


宣告指定的型態後,該變數就只能賦予相同型態的值,像是 Boolean 型態就只能賦予 true/false、Number 型態只能賦予數值、String 型態只能賦予字串值。若真的有需要讓變數支援賦予多種不同型態的值,只要將變數宣告成 Any 型態即可。


陣列的宣告比較特殊,支援兩種宣告方式。可以直接用型態後面接中括弧表示,也可以用 Array 的泛型的寫法。


列舉型態的宣告跟 C# 類似:

enum enumName{element1 = 1, element2, element3, ...};


列舉參數的宣告與列舉的操作如下:

var enumValue: enumName = enumName. element1;
var enumName: enumName = enumName[2];


Void 型態則是用以指定方法無回傳值時使用:

function functionName(): void {…}


最後附上完整的測試範例:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
enum Color {Red, Green, Blue};

var booleanVariable: boolean = true;
var numberVariable: number = 1;
var stringVariable: string = "test";
var arrayVariable1: number[] = [123];
var arrayVariable2: Array<number> = arrayVariable1;
var anyVariable: any = 1;
var enumVariable: Color;

var colorName:string = Color[2];
var colorValue:number = Color.Green;

function log(msg:any): void
{
console.log(msg);
}

log(colorName);
log(colorValue);