您的位置:首页 > 其它

二、TypeScript 基本数据类型

2016-04-22 22:39 260 查看
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");
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  字符串 关键字 number