TS 类和接口：相辅相成，共同提升代码质量

2023-10-03 16:23:18

TypeScript 中的类和接口

类是 TypeScript 中用来对象的一种方式。它可以包含属性、方法和构造函数。接口是一种用来对象形状（结构）的工具。它定义了对象应该拥有的属性和方法，但不提供其实现。

类和接口之间存在着继承关系。类可以继承接口，从而获得接口中定义的属性和方法。接口也可以继承另一个接口，从而扩展其功能。

TS 类和接口的应用

在实际开发中，我们经常会遇到这样的场景：我们需要定义一个对象，该对象具有某些特定的属性和方法。例如，我们想要定义一个用户对象，该对象具有姓名、年龄和地址等属性，以及获取姓名、获取年龄和获取地址等方法。

我们可以使用 TS 类来定义这个用户对象。代码如下：

class User {
  name: string;
  age: number;
  address: string;

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

  getName(): string {
    return this.name;
  }

  getAge(): number {
    return this.age;
  }

  getAddress(): string {
    return this.address;
  }
}

现在，我们可以使用这个 User 类来创建用户对象。代码如下：

let user = new User('John Doe', 30, '123 Main Street');

console.log(user.getName()); // John Doe
console.log(user.getAge()); // 30
console.log(user.getAddress()); // 123 Main Street

除了类之外，我们还可以使用接口来定义对象。代码如下：

interface User {
  name: string;
  age: number;
  address: string;

  getName(): string;
  getAge(): number;
  getAddress(): string;
}

接口与类非常相似，它们都定义了对象应该拥有的属性和方法。但是，接口不能创建对象，只能被类继承。

我们也可以使用接口来定义函数的类型。代码如下：

interface Function {
  (a: number, b: number): number;
}

let add: Function = (a: number, b: number): number => {
  return a + b;
}

console.log(add(1, 2)); // 3