如何为元组新增类型自定义参数名并保留原有参数名？

当你展开命名元组并添加未命名元素时，TypeScript会丢失原有参数的自定义名称，自动生成args_0这类默认命名。要解决这个问题，核心是确保合并后的元组中所有元素都带有明确的自定义名称，具体有两种实现方式：

方案一：直接为新增参数命名 #

在扩展元组时，给新增的string[]类型参数显式指定名称c，就能保留原元组的参数名并为新参数命名：

type FParams = [a: string, b: number | undefined];
// 为新增参数添加自定义名称c
type Func = (...args: [...FParams, c: string[]]) => void;

// 注意：函数需要匹配参数数量，补充第三个参数c
const func: Func = (a, b, c) => undefined;

func('foo', undefined, ['bar']);

此时func的类型会正确显示为：

const func: (a: string, b: number | undefined, c: string[]) => void

方案二：拆分命名元组后合并（适合复用场景） #

如果新增的参数类型需要在多个地方复用，可以将其单独定义为命名元组，再通过展开语法合并：

type FParams = [a: string, b: number | undefined];
// 单独定义带名称的新增参数元组
type ExtraParams = [c: string[]];
type Func = (...args: [...FParams, ...ExtraParams]) => void;

const func: Func = (a, b, c) => undefined;

这种方式同样能完整保留所有参数的自定义名称，同时提升类型的复用性。

注意点 #

原代码中函数仅声明了a、b两个参数，这会与Func类型要求的三个参数不匹配，导致编译错误，必须补充第三个参数c。

内容的提问来源于stack exchange，提问作者cyrus-d