1. 程式人生 > >TypeScript學習-TypeScript資料型別簡介

TypeScript學習-TypeScript資料型別簡介

TypeScript的基本資料型別:

Boolean

Number

String

Array

Enum

Any

Void

如果有其他語言的基礎,我們可以發現大部分的基本資料型別我們都見過。下面簡單介紹一下各個資料型別的資料如何初始化和使用:

1、Boolean值,值為布林值 true 或者 false

var isDone: boolean = false;

這個和JavaScript的寫法不太一樣,他相對於js多了資料型別的宣告。

使用例子:

var isDone: boolean = false;

function show() {
    isDone = true;
    alert(isDone);
}

show();
2、Number型別,數字型別
var num: number = 11;

3、String型別,字串型別

var str: string = "lsw";

4、Array型別,陣列型別。有兩種方式宣告,

(1)直接通過[]來宣告

var list:number[] = [1,2,3];
這裡可以看到這是一個number型別的陣列,陣列中每一位成員都是number型別

(2)使用array來宣告

var list:Array<number> = [1,2,3];
<>中時陣列的型別

陣列的使用和javascript中操作和使用陣列方法是一致的。

5、Enum型別,列舉型別

enum Color {Red, Green, Blue};
var c: Color = Color.Green;
列舉型別預設值是從0開始,那麼c = 1

我們也可以修改列舉型別的預設值

enum Color {Red=1, Green, Blue};
var c: Color = Color.Green;
由於Red值為1,那麼Green對應的值則是2,所以c= 4

TypeScript還有一個更為重要的操作,通過值返回列舉值的名字,使用方法

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

alert(colorName);

這裡可以看到Color列舉中值為2的列舉名字是 Green,那麼colorName就是Green。

6、Any任何型別

通過名字我們可以看到這個型別代表的是可以是任何的型別包括我們自定義的型別。

var anyDemo:any = 123;
anyDemo = true;
anyDemo = "lsw";

anyDemo這個引數宣告為any型別,那麼他可以賦值為number型別的值123,也可以賦值為boolean型別的true,最後它的型別為字串型別 “lsw”。

7、Void型別

這個型別主要是用在方法返回值宣告

function test():void {
    var a: number = 1;
    var b: number = 2;
    var c: number = a + b;
    alert(c);
}
void 表示這個方法不返回任何的值

關於TypeScript的基本值型別簡介就到這裡,繼續努力!