13、TypeScript 条件类型的高级应用与实践

TypeScript 条件类型的高级应用与实践

在 TypeScript 的开发中，条件类型是一项强大的特性，它允许我们根据类型的条件来创建新的类型。下面将深入探讨条件类型在不同场景下的应用。

1. 处理函数返回类型

在处理函数返回类型时，我们可能会遇到一些挑战。例如，当使用泛型和条件类型时，TypeScript 可能无法进行适当的控制流分析。以下是一个示例函数 createLabel ：

function createLabel<T extends number | string | StringLabel | NumberLabel>(
  input: T
): GetLabel<T>;
function createLabel(
  input: number | string | StringLabel | NumberLabel
): NumberLabel | StringLabel {
  if (typeof input === "number") {
    return { id: input };
  } else if (typeof input === "string") {
    return { name: input };
  } else if ("id" in input) {
    return { id: input.id };
  } else {
    return { name: input.name };
  }
}

这里我们使用了函数重载的方式，通过条件类型来处理