探索TypeScript中类与接口的继承和实现之谜

2023-11-05 22:11:43

TypeScript中，类和接口是构建类型系统和实现对象行为的重要基石。类通过继承和多态机制可以实现代码重用和扩展，而接口则为不同对象之间定义了统一的契约，使代码更具灵活性和可维护性。

类继承

类继承允许一个类（子类）从另一个类（父类）继承属性和方法，从而子类可以复用父类已定义的特性。在TypeScript中，使用extends来实现类继承。

class Animal {
  protected name: string;

  constructor(name: string) {
    this.name = name;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name}!`);
  }
}

class Dog extends Animal {
  constructor(name: string) {
    super(name);
  }

  bark() {
    console.log("Woof woof!");
  }
}

由于Dog继承了Animal类，所以同时也继承了Animal的name属性和sayHello方法，因此可以直接使用dog实例调用sayHello方法。

那么…

接口实现

接口实现允许一个类或对象实现某个接口中定义的属性和方法，从而使得该类或对象具备了该接口所规定的行为和特性。在TypeScript中，使用implements关键字来实现接口实现。

interface Flyable {
  fly(): void;
}

class Bird implements Flyable {
  fly() {
    console.log("I'm flying!");
  }
}

class Plane implements Flyable {
  fly() {
    console.log("I'm a plane, and I'm flying!");
  }
}

Bird和Plane这两个类都实现了Flyable接口，因此它们都具备了fly()方法，可以进行飞行行为。

多继承

TypeScript中支持多继承，即一个类可以同时从多个父类继承属性和方法。在TypeScript中，使用逗号分隔多个父类名来实现多继承。

class Animal {
  protected name: string;

  constructor(name: string) {
    this.name = name;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name}!`);
  }
}

class Flyable {
  fly() {
    console.log("I'm flying!");
  }
}

class Bird extends Animal, Flyable {
  constructor(name: string) {
    super(name);
  }
}