TS数据类型--自定义数据类型

1. 什么是自定义类型

当基本的数据类型满足不了我们的需求的时候，我们就可以自己定义一个数据类型（这种方式有点像C语言的结构体）。自定义类型使用关键字interface来定义

2. 实例

interface Person{
    name: string;
    age: number;
}

let tom: Person = {
	name: 'Tom',
    age: 18
}

注意：定义的接口名首字母一般大写；这样定义的变量的属性值不能少于或多于对应的接口的属性值

3. 接口的可选属性

当我们希望定义的变量的属性要少于对应的接口的属性的时候，就可以启用接口的可选属性

interface Person{
    name: string;
    age?: number;
}

let tom: Person = {
	name: 'Tom',
}

启用可选属性非常简单，只需在对应的属性后面加上问号即可，这时定义的变量可以没有这个可选属性

4. 接口的任意属性

有时候我们希望一个接口允许有任意的属性，可以这样做

interface Person{
    name: string;
    age?: number;
    [propName: string]: any;
}

let tom: Person = {
	name: 'Tom',
    gender: 'male'
}

使用 [propName: string] 定义了任意属性并取 string 类型的值。

注意：一旦定义了任意属性，那么确定属性和可选属性的类型都必须是它的类型的子集：

interface Person{
    name: string;
    age?: number;
    [propName: string]: string;
}

let tom: Person = {
	name: 'Tom',
    gender: 'male'
}

上例会报错，任意属性的值允许是string，但可选属性的age的值却是number，number不是string的子属性，所以报错

一个接口中只能定义一个任意属性。如果接口中有多个类型的属性，则可以在任意属性中使用联合类型：

interface Person{
    name: string;
    age?: number;
    [propName: string]: string | number;
}

5. 只读属性

有时候我们希望某些属性只能在定义的时候被赋值，那么我们可以把这个属性定义为只读属性

只读属性使用关键字readonly

interface Person{
    readonly id: number;
    name: string;
    age?: number;
    [propName: string]: string | number;
}

let tom: Person = {
    id: 00001,
	name: 'Tom',
    gender: 'male'
}

此后就不能再对tom的id属性进行修改