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

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

1. 处理复杂类型返回

在处理复杂类型的返回时，我们常常会遇到类型检查的问题。例如，在以下代码中：

} else if (typeof input === "string") {
  return { name: input } as GetLabel<T>;
} else if ("id" in input) {
  return { id: input.id } as GetLabel<T>;
} else {
  return { name: input.name } as GetLabel<T>;
}

这里我们需要通过类型断言来告诉 TypeScript 我们处理的是正确的返回类型。因为在处理泛型和条件类型时，TypeScript 无法进行适当的控制流分析。

另一种解决方法是将带有条件类型的函数签名视为原始宽泛类型函数的重载：

function createLabel<T extends number | string | StringLabel | NumberLabel>(
  input: T
): GetLabel<T>;
function createLabel(
  input: number | string | StringLabel | NumberLabel
): NumberLabel | StringLabel {
  if (typeof inp