对象的类型-接口

在TypeScript中，我们使用接口（Interfaces）来定义对象的类型。

什么是接口

在面向对象语言中，接口是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（class）去实现。

TypeScript中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述。

简单的例子

typescript

interface Person {
	name: string
  age: number
}

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

接口一般首字母大写。有的编程语言会建议接口的名称加上 I 前缀。

定义的变量比接口少一些属性和多一些属性都是不允许的，可见，赋值的时候，变量的形状必须和接口的形状保持一致。

可选属性

typescript

interface Person {
	name: string
  age?: number
}

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

可选属性的含义是该属性可以不存在。这时仍然不允许添加未定义的属性

任意属性

typescript

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

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

使用 [propName: string] 定义了任意属性取 string 类型的值。需要注意的是，一旦定义了任意属性，那么确定属性的类型都必须是它的类型的子集：

typescript

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

let tom: Person = {
	name: 'Tom',
  age: 18,
  gender: 'male'
}
// 报错，因为任意属性的值允许为string，但是可选属性age的值确实number，number不是string的子属性。

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

typescript

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

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

只读属性

有时候我们希望对象中的一些字段只能在创建的时候被赋值，那么可以用 readonly 定义只读属性：

typescript

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

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

tom.id = 6666 // 报错，id为只读属性