TypeScript 中的接口与类的区别

在 TypeScript 开发中，接口和类是非常重要的概念，它们不仅在定义对象结构和创建实例方面发挥着关键作用，还可以作为参数传递给函数和方法，为代码的灵活性和可维护性提供了强大支持。

一、接口作为参数

当接口作为参数时，可以看作是一种行为和规范的代表。

1. 作为函数参数

• 一个函数接收一个接口类型的参数，意味着它期望传入的对象符合该接口所定义的行为和规范。例如：

interface MyInterface {
  property: string;
  method(): void;
}

function doSomethingWithInterface(obj: MyInterface) {
  console.log(obj.property);
  obj.method();
}

• 这种方式确保了函数能够操作具有特定属性和方法的对象，提高了代码的可维护性和可读性。

2. 类型约束

• 在函数签名、变量声明等地方使用接口来明确期望的类型结构，确保代码的一致性。比如：

let myVar: MyInterface;

• 这样可以确保myVar所引用的对象必须具有接口中定义的属性和方法，防止类型不匹配的错误。

3. 代码组织和抽象

• 接口可以帮助将复杂的系统进行抽象和模块化。不同的模块可以实现相同的接口，从而提高代码的可扩展性和可替换性。
• 例如，多个不同的类可以实现同一个接口，这样在使用这些类的地方，可以通过接口来统一调用它们的方法，而不需要关心具体的实现类。

4. 促进团队协作

• 接口定义了一种契约，团队成员可以根据接口来进行开发，而不需要了解具体的实现细节。这提高了团队协作的效率，减少了因不了解其他部分代码实现而导致的错误。

二、类作为参数

当类作为参数时，可以看作是一种具体的实现或者可操作的实体。

1. 作为函数参数的类型

• 可以将类的实例作为函数参数，就像传递其他类型的对象一样。例如：

class MyClass {
  property: string;
  constructor(property: string) {
    this.property = property;
  }
}

function doSomething(obj: MyClass) {
  console.log(obj.property);
}

const instance = new MyClass('value');
doSomething(instance);

• 这意味着函数期望一个具有特定结构和行为的对象实例，这个对象实例是由这个类创建出来的，具备该类所定义的属性和方法。

2. 依赖注入

• 在一些设计模式中，如依赖注入，类的实例可以作为参数传递给另一个类的构造函数或方法。例如：

class Dependency {
  //...
}

class Consumer {
  constructor(dependency: Dependency) {
    // 使用依赖
  }
}

• 这样可以实现松耦合和可测试性，使得代码更加灵活和易于维护。

3. 泛型参数

• 在泛型函数或类中，可以使用类作为类型参数，以约束传入的类型必须具有特定的结构或行为。例如：

class AnotherClass {
  anotherProperty: number;
  constructor(anotherProperty: number) {
    this.anotherProperty = anotherProperty;
  }
}

function genericFunction<T>(obj: T) {
  // 根据 T 的类型进行操作
}

genericFunction<MyClass>(new MyClass('value'));
genericFunction<AnotherClass>(new AnotherClass(10));

三、总结

接口和类在 TypeScript 中扮演着重要的角色。接口作为行为和规范的定义，为代码提供了一致性和可维护性；而类作为具体的实现，可以创建对象实例并提供各种功能。将接口和类作为参数传递给函数和方法，可以实现代码的灵活性、可扩展性和可维护性，同时也促进了团队协作和代码的可测试性。通过合理地使用接口和类，我们可以更好地组织和管理代码，提高开发效率和代码质量。