TypeScript 对象类型

TypeScript的数据类型可以分为两类:

(1)基础类型:包括布尔值(boolean)、数字类型(number)、字符串类型(string)、任意类型(any)、无类型(void)、null、 undefined、无值类型(never)。更多介绍请移步:《TypeScript 基础类型》

(2)对象类型:包括数组、函数、对象、枚举、元组。

这篇文章主要介绍了TypeScript对象类型,包括数组、函数、对象、枚举、元组,下面我们就来看看这些类型的详细介绍,希望对大家有所帮助。

1、数组类型

TypeScript像JavaScript一样可以操作数组元素,有两种方式可以定义数组。

(1)可以在元素类型后面接上[],表示由此类型元素组成的一个数组,如下所示:

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

(2)使用数组泛型,Array<元素类型>,如下所示:

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

2、元组(Tuple)类型

元组类型允许表示一个已知元素数量和类型的数组,各元素的类型不必相同。比如,你可以定义一对值分别为string和number类型的元组。

// 声明元组
let x: [string, number];
// 初始化
x = ['hello', 10]; // OK
// 非法初始化
x = [10, 'hello']; // Error

当访问一个已知索引的元素,会得到正确的类型:

console.log(x[0].substr(1)); // OK
console.log(x[1].substr(1)); // Error, 'number' does not have 'substr'

当访问一个越界的元素,会使用联合类型替代:

x[3] = 'world'; // OK, 字符串可以赋值给(string | number)类型

console.log(x[5].toString()); // OK, 'string' 和 'number' 都有 toString

x[6] = true; // Error, 布尔不是(string | number)类型

3、枚举类型

enum类型是对JavaScript标准数据类型的一个补充。像C#等其它语言一样,使用枚举类型可以为一组数值赋予友好的名字。

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

默认情况下,从0开始为元素编号。你也可以手动的指定成员的数值。例如,我们将上面的例子改成从1开始编号:

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

或者,全部都采用手动赋值:

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

枚举类型提供的一个便利是:可以由枚举的值得到它的名字。例如,我们知道数值为2,但是不确定它映射到Color里的哪个名字,我们可以查找相应的名字:

enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];
alert(colorName);  // 显示'Green',因为上面代码里它的值是2