如何从具有变量的联合类型中选择类型

从具有变量的联合类型中选择类型可以使用类型保护来实现。类型保护是一种在运行时检查变量类型的机制，以便在代码中根据不同的类型执行不同的逻辑。

在 TypeScript 中，有几种常见的类型保护方式可以用来从具有变量的联合类型中选择类型：

类型断言（Type Assertion）：使用类型断言可以告诉编译器某个变量的确切类型。通过使用类型断言，可以直接将变量指定为某个联合类型中的特定类型，然后就可以使用该类型的属性和方法。例如：

function processValue(value: string | number) {
  if ((value as string).toUpperCase) {
    // value 是字符串类型
    console.log(value.toUpperCase());
  } else {
    // value 是数字类型
    console.log(value.toFixed(2));
  }
}

typeof 类型保护：使用 typeof 操作符可以在运行时检查变量的类型。当使用 typeof 操作符与字符串字面量进行比较时，TypeScript 会将变量类型缩小为该字符串字面量所表示的类型。例如：

function processValue(value: string | number) {
  if (typeof value === 'string') {
    // value 是字符串类型
    console.log(value.toUpperCase());
  } else {
    // value 是数字类型
    console.log(value.toFixed(2));
  }
}

instanceof 类型保护：使用 instanceof 操作符可以在运行时检查变量是否属于某个类的实例。当使用 instanceof 操作符与类进行比较时，TypeScript 会将变量类型缩小为该类的类型。例如：

class MyClass {
  // ...
}

function processValue(value: MyClass | string) {
  if (value instanceof MyClass) {
    // value 是 MyClass 类型
    console.log(value.method());
  } else {
    // value 是字符串类型
    console.log(value.toUpperCase());
  }
}

这些类型保护方式可以根据变量的类型执行不同的逻辑，从而实现从具有变量的联合类型中选择类型的目的。

腾讯云相关产品和产品介绍链接地址：