TypeScript 學習筆記之基本型別_javascript技巧

在 TypeScript 中總共有 7 種基本型別。

1、boolean

複製程式碼 程式碼如下:

var isDone: boolean = false;

2、number

代表 JavaScript 中的數字。在 JavaScript 中，無論是“整數”還是“浮點數”，都是以雙精度浮點類型儲存的。

複製程式碼 程式碼如下:

var height: number = 6;

3、string

代表字串。跟 JavaScript 一樣，可以使用一對雙引號（"）或一對單引號（'）來表示字串。

複製程式碼 程式碼如下:

var name: string = "bob";
name = 'smith';

4、array

TypeScript 中有兩種陣列宣告方法。

①使用「[]」來宣告：

複製程式碼 程式碼如下:

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

②使用陣列型別來宣告：

複製程式碼 程式碼如下:

var list: Array = [1, 2, 3];

兩種聲明方式都可以使用，效果不會有差別。但建議程式碼中應盡量只使用其中一種，以保持程式碼風格統一。

5、enum

枚舉型別是 TypeScript 中新加入的，而 JavaScript 中是沒有這個類型的。

複製程式碼 程式碼如下:

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

跟 C# 一樣，如果不宣告第一項的值，那麼上面 Red 的值就是 0，然後每一項都增加一，即 Green 是 1，Blue 是 2。

複製程式碼 程式碼如下:

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

所以此時 Red 的值為 1，Green 為 2，Blue 為 3。

當然也可以為每一項指定一個值。

複製程式碼 程式碼如下:

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

另外枚舉型別還有一個比較特殊的功能，假如我們有一個數值，但是我們不知道枚舉型別中是否有定義，可以用以下方式來取得：

複製程式碼 程式碼如下:

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

那麼將會輸出 Green 和 undefined。因為 Green 的值是 2，而沒有一個枚舉定義的值是 4，所以回傳 undefined。

6、any

和 JavaScript 中變數的預設型別一樣，指涉是動態的，能夠賦予任意型別。例如：

複製程式碼 程式碼如下:

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

定義為 any 後，將失去語法感知的功能，就等於寫 JavaScript 一樣。

值得一提的是，any 可以配合陣列來使用：

複製程式碼 程式碼如下:

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

7、void

這個型別只能在函式中使用，可以將函式的回傳型別指定為 void，表示函式不會傳回任何值。

複製程式碼 程式碼如下:

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

以上所述就是本文的全部內容了，希望大家能夠喜歡。