TypeScript子类型：掌握它们背后的强大力量

2023-09-03 12:29:52

子类型的分类

在 TypeScript 中，子类型可以分为两大类：

名义子类型 ：名义子类型是指显式声明一个类型是另一个类型的子类型，例如：

class Person {
  name: string;
  age: number;
}

class Employee extends Person {
  salary: number;
}

const person = new Person();
const employee = new Employee();

person.name = "John";
person.age = 30;

employee.name = "Jane";
employee.age = 25;
employee.salary = 100000;

在上面的例子中，Employee 类是 Person 类的子类型，因为 Employee 类继承了 Person 类的所有属性和方法。

结构子类型 ：结构子类型是指两个类型具有相同的结构，例如：

interface Person {
  name: string;
  age: number;
}

interface Employee extends Person {
  salary: number;
}

const person: Person = {
  name: "John",
  age: 30
};

const employee: Employee = {
  name: "Jane",
  age: 25,
  salary: 100000
};

在上面的例子中，Employee 接口是 Person 接口的子类型，因为 Employee 接口包含了 Person 接口的所有属性。

子类型的使用

子类型可以在 TypeScript 中用于多种目的，包括：

继承：子类型可以被用于继承另一个类型的属性和方法，从而创建更特定的类型。例如，在上面的例子中，Employee 类继承了 Person 类的所有属性和方法。
多态：子类型可以被用于实现多态，即相同的操作可以对不同类型的对象执行。例如，在上面的例子中，我们可以使用 person 和 employee 对象来调用相同的 getName() 方法。
类型检查 ：子类型可以被用于进行类型检查，从而确保代码的正确性。例如，在上面的例子中，我们可以使用类型检查来确保只有 Employee 类型的对象才能被赋值给 employee 变量。