TypeScript中接口和抽象类的异同

前端

2024-01-23 01:36:45

在TypeScript中，接口和抽象类都是用于定义类型和契约的强大机制。尽管它们共享一些相似之处，但它们在功能和用法上却存在着显著差异。了解这些差异对于在TypeScript应用程序中有效使用它们至关重要。

相似之处

契约定义： 接口和抽象类都用于定义契约，即类型必须实现的成员。
命名约定： 约定上，接口名称以大写字母开头（例如，IUser），而抽象类名称以大写字母开头，后面跟着Abstract（例如，AbstractUser）。
用于类型检查： 接口和抽象类都有助于在编译时检查类型的正确性。

差异

1. 实例化

接口：不能被实例化。它们只用于定义类型。
抽象类：可以被子类实例化，但它们本身不能直接被实例化。

2. 实现

接口：接口中的成员必须由实现它的类实现。
抽象类：抽象类中的抽象成员必须由子类实现，而具体成员可以在抽象类中实现。

3. 多重继承

接口：一个类可以实现多个接口。
抽象类：一个类只能继承一个抽象类。

4. 访问修饰符

接口：成员可以具有public、protected或private访问修饰符。
抽象类：抽象成员只能具有public或protected访问修饰符，而具体成员可以具有任何访问修饰符。

5. 静态成员

接口：不能定义静态成员。
抽象类：可以定义静态成员。

6. 抽象方法

接口：只能包含抽象方法（不带实现体）。
抽象类：可以包含抽象方法和具体方法。

7. 使用场景

接口：
- 定义对象应该具有的属性和方法的契约。
- 作为函数或类的类型注释。
- 在松散耦合的系统中定义消息或事件的格式。
抽象类：
- 定义对象的基类，并提供部分实现。
- 强制子类实现某些功能。
- 表示实体层次结构或继承链。

例子

接口：

interface IUser {
  name: string;
  age: number;
  greet(): string;
}

抽象类：

abstract class AbstractUser {
  protected name: string;
  protected age: number;

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

  public greet(): string {
    return `Hello, my name is ${this.name} and I am ${this.age} years old.`;
  }

  public abstract introduce(): string;
}