TypeScript类型收窄：从Handbook到Narrowing的全面解析

2023-09-04 18:46:31

在TypeScript中，类型收窄是一个十分重要的概念，它允许我们通过类型保护（Type Guard）来缩小联合类型的范围，从而获得更加精确的类型信息。这在很多情况下都非常有用，比如：

消除冗余代码： 通过类型收窄，我们可以只编写适用于特定类型的情况的代码，从而避免编写冗余代码。
提高代码可读性和可维护性： 类型收窄有助于提高代码的可读性和可维护性，因为我们可以更清晰地看到不同类型的数据应该如何处理。
提高运行时性能： 在某些情况下，类型收窄可以提高运行时性能，因为编译器可以根据类型信息生成更有效的代码。

类型收窄通常使用两种方式来实现：

if语句： 使用if语句来检查值的类型，然后根据类型来执行不同的代码。
typeof操作符： 使用typeof操作符来获取值的类型，然后根据类型来执行不同的代码。

下面我们通过一个具体的例子来说明如何使用类型收窄。假设我们有一个名为getValue()的函数，该函数可以返回一个字符串或一个数字。现在，我们想根据getValue()函数的返回值类型来执行不同的操作。

function getValue(): string | number {
  // ...
}

function main() {
  const value = getValue();

  if (typeof value === "string") {
    // 处理字符串的情况
  } else if (typeof value === "number") {
    // 处理数字的情况
  } else {
    // 处理其他情况
  }
}