抽象类和接口：TypeScript 面向对象编程的进阶之选

前端

2023-11-03 12:20:34

抽象类和接口的基本概念

抽象类

抽象类是一种特殊的类，它不能被直接实例化。抽象类中的方法可以被子类继承，但必须在子类中被实现。抽象类通常用于定义一组公共的方法和属性，这些方法和属性可以被子类继承和实现。

接口

接口是一种特殊的类型，它定义了一组方法和属性，但没有实现这些方法和属性。接口通常用于定义一组公共的方法和属性，这些方法和属性可以被多个类实现。接口可以帮助您强制执行代码的一致性和可互换性。

抽象类和接口在 TypeScript 中的应用

抽象类的使用

抽象类通常用于定义一组公共的方法和属性，这些方法和属性可以被子类继承和实现。例如，您可以定义一个名为 Animal 的抽象类，该类定义了一组公共的方法和属性，如 name、age 和 speak()。然后，您可以定义一个名为 Dog 的子类，该子类继承了 Animal 类并实现了 speak() 方法。

abstract class Animal {
  name: string;
  age: number;

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

  abstract speak(): void;
}

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

  speak(): void {
    console.log(`Woof! My name is ${this.name} and I am ${this.age} years old.`);
  }
}

const dog = new Dog('Buddy', 3);
dog.speak(); // 输出: Woof! My name is Buddy and I am 3 years old.

接口的使用

接口通常用于定义一组公共的方法和属性，这些方法和属性可以被多个类实现。例如，您可以定义一个名为 Speakable 的接口，该接口定义了一个名为 speak() 的方法。然后，您可以定义一个名为 Dog 的类和一个名为 Cat 的类，这两个类都实现了 Speakable 接口。

interface Speakable {
  speak(): void;
}

class Dog implements Speakable {
  name: string;
  age: number;

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

  speak(): void {
    console.log(`Woof! My name is ${this.name} and I am ${this.age} years old.`);
  }
}

class Cat implements Speakable {
  name: string;
  age: number;

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

  speak(): void {
    console.log(`Meow! My name is ${this.name} and I am ${this.age} years old.`);
  }
}

const dog = new Dog('Buddy', 3);
dog.speak(); // 输出: Woof! My name is Buddy and I am 3 years old.

const cat = new Cat('Kitty', 2);
cat.speak(); // 输出: Meow! My name is Kitty and I am 2 years old.