TypeScript 判断变量是否属于自定义类型在 TypeScript 中的方法

在本文中，我们将介绍在 TypeScript 中如何判断一个变量是否属于自定义类型。TypeScript 是一种静态类型的编程语言，它提供了一些机制来检查类型是否匹配，包括自定义类型。

使用“typeof”操作符进行类型检查

在 TypeScript 中，可以使用typeof操作符来判断一个变量的类型。typeof操作符返回一个表示变量类型的字符串。我们可以将这个字符串与我们期望的类型进行比较，以判断变量是否属于自定义类型。

下面是一个示例：

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

const obj: any = {
  name: "Alice",
  age: 25
};

if (typeof obj === "object" && obj !== null && "name" in obj && "age" in obj) {
  const person: Person = obj;
  console.log(person.name); // Alice
}

在上面的示例中，我们定义了一个名为Person的接口，它有name和age属性。然后我们创建了一个any类型的变量obj，并给它赋了一个包含name和age属性的对象。我们使用typeof操作符来判断obj是否为一个对象，并且包含name和age属性。如果判断为真，则将obj强制转换为Person类型，并输出name属性的值。在这个例子中，因为obj的类型与Person接口的定义完全匹配，因此输出为”Alice”。

使用“instanceof”操作符进行类型检查

除了使用typeof操作符外，我们还可以使用instanceof操作符来检查一个变量的类型是否属于某个自定义类。instanceof操作符返回一个布尔值，表示变量是否为某个类的实例。

下面是一个示例：

class Rectangle {
  width: number;
  height: number;

  constructor(width: number, height: number) {
    this.width = width;
    this.height = height;
  }

  getArea(): number {
    return this.width * this.height;
  }
}

const rect = new Rectangle(5, 10);

if (rect instanceof Rectangle) {
  console.log(rect.getArea()); // 50
}

在上面的示例中，我们定义了一个名为Rectangle的类，并创建了一个Rectangle类型的实例rect。然后我们使用instanceof操作符来判断rect是否为Rectangle类的实例。如果判断为真，则输出rect的面积（宽乘以高）。在这个例子中，因为rect是Rectangle类的实例，因此输出为50。

自定义类型保护函数

除了使用typeof和instanceof操作符外，我们还可以通过自定义类型保护函数来判断一个变量是否属于自定义类型。类型保护函数是一种特殊的函数，它返回一个布尔值，用于判断变量的类型是否匹配。

下面是一个示例：

interface Vehicle {
  start(): void;
  stop(): void;
}

class Car implements Vehicle {
  start(): void {
    console.log("Car started");
  }

  stop(): void {
    console.log("Car stopped");
  }
}

class Bike implements Vehicle {
  start(): void {
    console.log("Bike started");
  }

  stop(): void {
    console.log("Bike stopped");
  }
}

function isCar(vehicle: Vehicle): vehicle is Car {
  return vehicle instanceof Car;
}

const car: Vehicle = new Car();
const bike: Vehicle = new Bike();

if (isCar(car)) {
  car.start(); // Car started
} else {
  bike.start(); // Bike started
}

在上面的示例中，我们定义了一个名为Vehicle的接口，它有start和stop方法。然后我们创建了一个Car类和一个Bike类，它们都实现了Vehicle接口。接着我们定义了一个名为isCar的类型保护函数，用于判断一个变量是否属于Car类型。最后我们创建了一个Car类型的实例car和一个Bike类型的实例bike，然后根据isCar函数的返回值来调用不同的方法。在这个例子中，因为car是Car类型的实例，所以调用car.start()方法输出”Car started”。

总结

本文介绍了在 TypeScript 中判断变量是否属于自定义类型的三种方法：使用typeof操作符、使用instanceof操作符和使用自定义类型保护函数。在实际开发中，根据需求选择合适的方法来判断变量的类型，可以提高代码的可读性和可维护性。希望本文对你理解 TypeScript 的类型检查有所帮助。