通常,一个类只继承另一个类。有时,不同类之间有一些共有的特性,把这些特性提取出来可以提高效率,提取出来的就是接口,用关键字 implements
标识。
举个例子如下
// classInterfaces.ts // 拍照 interface Photo { photo(): string; } // 闪光灯 interface Lamp { lampOn(): void; lampOff(): void; } // 手机超类 class Phone {} // 手机派生类 class HuaweiPhone extends Phone implements Photo, Lamp { photo(): string { return '华为拍照'; } lampOn() {} lampOff(){} } // 数码相机 class DigitalCamera implements Photo, Lamp { photo(): string { console.log('数码拍照') } } // 0.1.0/classInterfaces.ts:25:7 - error TS2420: Class 'DigitalCamera' incorrectly implements interface 'Lamp'. // Type 'DigitalCamera' is missing the following properties from type 'Lamp': lampOn, lampOff // 25 class DigitalCamera implements Photo, Lamp { // 0.1.0/classInterfaces.ts:26:14 - error TS2355: A function whose declared type is neither 'void' nor 'any' must return a value. // 26 photo(): string { 复制代码
上面报错在于
DigitalCamera
实现了接口 Lamp
,可却没有定义里面的方法; Phone
中 photo
需要返回 string
,可是类 DigitalCamera
中的 phone
没有返回值; 你会发现 一个类可以实现多个接口 。
我们知道类可以继承类,其实接口也可以传承接口。
// classInterfaces2.ts // 闪光灯 interface Lamp { lampOn(): void; lampOff(): void; } // 拍照 interface Photo extends Lamp { photo(): string; } // 数码相机 class DigitalCamera implements Photo { photo(): string { return '数码拍照'; } lampOn() {}; lampOff() {}; } 复制代码
注:类 DigitalCamera
要记得把方法 lampOn
和 lampOff
加上。