一、什么是接口
在 TypeScript 中,我们使用接口Interfaces
来定义对象的类型。
可以用来约束一个对象,函数,以及类的结构和类型。
在面向对象语言中,接口Interfaces
是一个很重要的概念,它是对行为的抽象,而具体如何行动需要由类classes
去实现implement
。
TypeScript 中的接口是一个非常灵活的概念
- 除了可用于对类的一部分行为进行抽象以外,
- 也常用于对
对象的形状(Shape)
进行描述。
二、定义接口
2.1 默认定义
接口一般首字母大写
interface Person {
name: string;
age: number;
}
let tom: Person = {
name: 'Tom',
age: 25
};
上面的例子中,我们定义了一个接口 Person
,接着定义了一个变量 tom
,它的类型是 Person
。
这样,我们就约束了 tom
的形状必须和接口 Person
一致。
注意:
- 定义的变量比接口少了一些属性是不允许的:
let tom: Person = {
name: 'Tom'
};
// index.ts(6,5): error TS2322: Type '{ name: string; }' is not assignable to type 'Person'.
// Property 'age' is missing in type '{ name: string; }'.
- 多一些属性也是不允许的:
let tom: Person = {
name: 'Tom',
age: 25,
gender: 'male'
};
// index.ts(9,5): error TS2322: Type '{ name: string; age: number; gender: string; }' is not assignable to type 'Person'.
// Object literal may only specify known properties, and 'gender' does not exist in type 'Person'.
可见,赋值的时候,变量的形状必须和接口的形状保持一致。
2.2 可选属性
有时我们希望不要完全匹配一个形状,那么可以用可选属性:
interface Person {
name: string;
age?: number;
}
let tom: Person = {
name: 'Tom'
};
可选属性的含义是该属性可以不存在,但是这时仍然不允许添加未定义的属性。