Typescript中文教程-基础类型

基础类型(Basic Types)

为了使程序正常工作,我们需要以下基本数据类型:numbers数字,structures结构,strings字符串,boolean布尔型值等等。在typescript中,通过注入一种方便的枚举类型来帮助typescript支持javascript同样的数据类型。

1、Boolean布尔型

Javascript和typeScript(其他语言同理)同样叫做布尔型‘boolean’的值只包含最简单的两个值真和假(true/false)。

1
var isDone: boolean = false;

 

2、Number数字

跟javaScript一样,typescript所有的数都是浮点数类型。这些浮点数获得类型‘number’。

1
var height: number = 6;

 

3、string字符串

另一种在网页和服务器端的基本数据类型是字符型数据。跟其他语言一样,我们用‘string’来表示字符类型的数据。跟javascript一样,typescript也是用单引号‘’或双引号“”来包裹字符串型数据。

1
2
var name: string = “bob”;
name = ‘smith’;

 

4、Array数组

同样typescript也允许使用数组。数组类型可以用两种方法来表示。第一种使用元素的类型和后面紧跟的大括号‘[]’来表示素组每一个元素的类型:

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

第二种方法是使用一个通用数组类型,Array<elemType>:

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

 

5、Enum枚举

一个对javascript很有用的附加标准数据类型是枚举类型’enum’,和C#一样,枚举类型是一种十分友好的给出名称和名称的值的方法。

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

或者甚至可以手动的设置枚举类型中所有的值。

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

枚举类型的一种非常方便的特性是根据枚举类型元素的数字的值可以访问到这个元素的名称。例如,我们只知道数值2,但我们并不确定上面枚举类型具体的情况,我们可以查询其相应的名字。

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

typescript1

6、Any类型

我们可能需要描述我们在写应用时还不确定的变量。这些值可能来自一些动态内容,例如来自第三方库或用户。在这种情况下,我们想要在编译时跳过其类型检查,这时我们需要给它添加‘any’标签。

1
2
3
var notSure: any = 4;
notSure = “maybe a string instead”;
notSure = false; // okay, definitely a boolean

Any类型是一种非常好的方法,帮助我们使用现有的JavaScript,允许你设置在编译时跳入跳出类型检查。

如果你只知道部分类型,‘any’类型也是很好帮助。例如,你有个混合类型元素的数组:

1
2
3
var list:any[] = [1, true, “free”];
list[1] = 100;

 

7、Viod空类型

跟‘any’相反的是‘void’类型,表示完全不含有任何类型的数据。你可能通常在没有返回值的函数中看到它。

1
2
3
function warnUser(): void {
    alert(“This is my warning message”);
}

发表评论