TypeScript 入门教程: 接口
ts接口相关
接口
在 TypeScript 中，我们使用接口（Interfaces）来定义对象的类型。
- implement: 在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（classes）去实现（implement）。
- shape: TypeScript 中的接口是一个非常灵活的概念，除了可用于对类的一部分行为进行抽象以外，也常用于对「对象的形状（Shape）」进行描述。
// 任意属性
interface Person {
name: string;
age?: number;
[key: string]: any;
}
// 只读属性
interface Person {
readonly id: number;
name: string;
age?: number;
[propName: string]: any;
}函数的合并
function reverse(x: number): number;
function reverse(x: string): string;
function reverse(x: number | string): number | string {
if (typeof x === 'number') {
return Number(x.toString().split('').reverse().join(''));
} else if (typeof x === 'string') {
return x.split('').reverse().join('');
}
}接口合并
- 不同的key 会直接 merge
- 相同的key，如果类型一致就没事
- 相同的key，如果类型不一致就会报错j
interface Alarm {
price: number;
}
interface Alarm {
weight: number;
}
// --- 类型一致，虽然重复，但不会报错
interface Alarm {
price: number;
}
interface Alarm {
price: number; // 虽然重复了，但是类型都是 `number`，所以不会报错
weight: number;
}带函数的合并
interface Alarm {
price: number;
alert(s: string): string;
}
interface Alarm {
weight: number;
alert(s: string, n: number): string;
}
// ---- 相当于以下结果
interface Alarm {
price: number;
weight: number;
alert(s: string): string;
alert(s: string, n: number): string;
}