类与接口的互补使用

在 TypeScript 中，类和接口是两种基本的面向对象编程的概念。类用于创建对象，而接口用于定义对象的属性和方法。在某些情况下，同时使用类和接口可以提供最大的灵活性与可复用性。

什么时候应该同时使用类和接口？

1. 接口定义契约，类实现契约

接口是一种抽象类型，它定义了对象必须具有的属性和方法，而类是接口的具体实现。接口为类提供了一个蓝图，类必须实现接口中定义的所有成员，以确保类的实例具有接口中定义的属性和方法。

2. 接口提供多态性，类提供具体实现

多态性是面向对象编程的重要特性，它允许对象以不同的方式响应相同的操作。接口定义了对象必须实现的方法，而类提供了这些方法的具体实现。当使用接口类型作为函数参数或变量类型时，函数或变量可以接受任何实现了该接口的对象，而不必关心对象的具体类型。

3. 接口促进代码复用和解耦

接口可以促进代码复用，因为多个类可以实现同一个接口，从而共享相同的属性和方法。此外，接口可以促进代码解耦，因为接口的实现细节与接口本身分离，可以方便地更换实现类，而无需修改其他代码。

4. 接口支持类型检查，类提供运行时实现

接口可以帮助 TypeScript 进行类型检查，确保对象具有正确的属性和方法。类提供这些属性和方法的运行时实现，使对象能够实际工作。

类和接口结合使用的一个示例

以下示例展示了类和接口在 TypeScript 中的结合使用：

interface Shape {
  area(): number;
}

class Circle implements Shape {
  radius: number;

  constructor(radius: number) {
    this.radius = radius;
  }

  area(): number {
    return Math.PI * this.radius ** 2;
  }
}

class Square implements Shape {
  sideLength: number;

  constructor(sideLength: number) {
    this.sideLength = sideLength;
  }

  area(): number {
    return this.sideLength ** 2;
  }
}

function calculateTotalArea(shapes: Shape[]): number {
  let totalArea = 0;
  for (const shape of shapes) {
    totalArea += shape.area();
  }
  return totalArea;
}

const shapes = [new Circle(5), new Square(10)];
const totalArea = calculateTotalArea(shapes);

console.log(`Total area: ${totalArea}`);

在这个示例中，Shape 接口定义了对象必须具有的 area 方法。Circle 和 Square 类实现了 Shape 接口，并提供了 area 方法的具体实现。函数 calculateTotalArea 接受一个 Shape 类型的数组作为参数，并计算数组中所有对象的总面积。

总结

在 TypeScript 中，类和接口是面向对象编程的基础。类用于创建对象，而接口用于定义对象的属性和方法。通过同时使用类和接口，我们可以提高代码的灵活性、可复用性和可测试性。