构建 Typescript 知识体系(四)-类的类型与接口的关系-一一网

这是我参与更文挑战的第十天，活动详情查看:更文挑战

1. 类实现接口的时候，必须实现接口中所有的属性，并且可以在类中定义其他的属性

interface Human {
  name: string;
  eat(): void;
}

class Asian implements Human {
  constructor(name: string) {
    this.name = name;
  }
  name: string;
  eat() {}
  sleep() {}
}
复制代码

2. 接口只能约束类的公有成员

interface Human {
  name: string;
  eat(): void;
}

/* 错误提示:   
类“Asian”错误实现接口“Human”。
  属性“name”在类型“Asian”中是私有属性，但在类型“Human”中不是。
*/
class Asian implements Human {
  constructor(name: string) {
    this.name = name;
  }
  private name: string;
  eat() {}
  sleep() {}
}
复制代码

3.接口不能约束类的构造函数

interface Human {
  new (name: string): void;
  name: string;
  eat(): void;
}

/* 错误提示:   
类“Asian”错误实现接口“Human”。
  类型“Asian”提供的内容与签名“new (name: string): void”不匹配。ts(2420)
*/
class Asian implements Human {
  constructor(name: string) {
    this.name = name;
  }
  name: string;
  eat() {}
  sleep() {}
}
复制代码

4. 接口的继承

4.1 接口继承接口

接口可以像类一样相互继承，并且一个接口可以继承多个接口
接口的继承，可以抽离出可重用的接口，
也可以将多个接口合并成一个接口

interface Human {
  name: string;
  eat(): void;
}

interface Man extends Human {
  run(): void;
}

interface Child {
  cry(): void;
}

interface Boy extends Man, Child {}

let boy: Boy = {
  name: "",
  eat() {},
  run() {},
  cry() {},
};
复制代码

4.2 接口继承类

相当于接口把类的成员都抽象了出来，也就是只有类的成员接口，而没有具体的实现

class Auto {
  state = 1;
  // private state2 = 2;
}

// 接口中就隐含了 state属性
interface AutoInterFace extends Auto {}
// 实现 AutoInterFace接口
class C implements AutoInterFace {
  state = 1;
}

// Auto 的子类也可以实现  AutoInterFace接口
// 因为 Bus是 Auto 的子类，自然就继承了 state属性，因此不必重复实现
class Bus extends Auto implements AutoInterFace {}
复制代码