18、TypeScript 高级类型技巧与实践

TypeScript 高级类型技巧与实践

1. TypeScript 中的元组长度与函数签名拆分

1.1 元组长度在类型系统中的应用

在 TypeScript 里，能够在类型系统中访问元组的长度是一项强大的特性。它能实现很多功能，比如下面这个创建枚举的示例：

function createEnum<T extends readonly string[], B extends boolean>(
  arr: T,
  numeric?: B
) {
  let obj: any = {};
  for (let [i, el] of arr.entries()) {
    obj[capitalize(el)] = numeric ? i : el;
  }
  return obj as Enum<T, B>;
}
const Command = createEnum(commandItems, false);
type Command = Values<typeof Command>;

这个特性还能用于在类型系统中实现计算器等有趣的功能。不过，和 TypeScript 的所有高级特性一样，使用时需谨慎。

1.2 拆分函数签名的元素

1.2.1 问题描述

我们知道在函数内部如何获取函数的参数类型和返回类型，但有时也希望在函数外部使用这些类型。

1.2.2 解决方案

使用内置的 Parameters<F