TypeScript 的基本数据类型 有boolean、number 、string 、 array 、 enum 、any 、void。首先我们要讲的是boolean。
最基本的数据类型是简单的真/假值,其中JavaScript和TypeScript(以及其他语言)称之为“布尔值”。在JavaScript中变量的定义是通过var关键字来完成,而在TypeScript中变量的定义格式为:
通过var关键字 变量名后面+冒号 + 数据类型来指定
如定义一个boolean的变量:
var isDone: boolean = false;
number
用在JS与TS中的所有数值都是浮点型,而在TS中我们定义他们为“number”型。例如:声明一个number类型的变量如下代码:
var isNumber:number=6;
var isfloat:number=6.01;
string
string代表字符串,跟 JavaScript 一样,可以使用一对双引号(")或一对单引号(')来表示字符串。例如:
var name: string = "bob";
var family_name: string = 'Green';
array
TypeScript 中数组使用“[]”来声明,代码如下:
var list: number[] = [1, 2, 3];
var name: string[] = ["阿龙","阿猫","阿狗"];
其数组元素可以通过下标去访问。
var list: number[] = [1, 2, 3];
alert(list[0]));
我们也可以定义任意类型的数组,关键字为Array.
var arr:Array = [1,2,3,"a","b","c"]; // 任意类型数组
alert(arr[1]);
enum
枚举类型是 TypeScript 中新添加的,而 JavaScript 中是没有这个类型的。用关键字enum来声明。代码示例如下:
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]; //访问第二个枚举子元素Green
alert(colorName);
colorName = Color[4];
alert(colorName);
那么将会输出Green和undefined。因为Green的值是 2,而没有一个枚举定义的值是 4,所以返回undefined。
any
和 JavaScript 中变量的默认类型一样,指代是动态的,能够赋予任意类型。例如:
var notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // 定义为boolen型
定义为any后,将失去语法感知的功能,就相当于写JavaScript 一样。
值得一提的是,any可以配合数组来使用,代码如下:
var list: any[] = [1, true, "free"];
list[1] = 100; //更改list[1]的值
void
这个类型仅能在函数中使用,可以将函数的返回类型指定为 void,表示该函数不返回任何值。代码如下:
function warnUser(): void {
alert("This is my warning message");
}