TypeScript多可选参数调用报错：函数传参数量不符如何解决？

你的报错是因为TypeScript当前识别的func1参数数量约束为2-3个，以下是两种可行的解决方法：

方法一：补充函数重载定义 #

如果你的函数存在重载声明，需要添加支持4个参数的重载签名，明确告知TypeScript允许传入4个参数的调用场景：

// 定义函数重载签名
export function func1(num: Number, name: string): void;
export function func1(num: Number, name: string, obj: Params): void;
export function func1(num: Number, name: string, obj: Params, credentials: Credentials): void;

// 编写函数实现
export function func1(num: Number, name: string, obj?: Params, credentials?: Credentials) {
  // 函数逻辑代码
}

方法二：合并可选参数为配置对象（推荐） #

将两个可选参数合并成一个可选的配置对象，这种写法更灵活，还能避免参数顺序混乱的问题：

// 定义配置对象类型
type Func1Config = {
  obj?: Params;
  credentials?: Credentials;
};

// 重新定义函数
export const func1 = (num: Number, name: string, config?: Func1Config) => {
  // 解构参数，用空对象做默认值避免报错
  const { obj, credentials } = config || {};
  // 函数逻辑代码
};

// 调用示例
func1(1, 'Stack', {
  obj: { name: 'Stack', age: 14 },
  credentials: credentials
});

// 也可以只传其中一个可选参数
func1(1, 'Stack', { credentials: credentials });

这种方式后续如果需要新增可选参数，只需扩展Func1Config类型即可，代码可读性和扩展性更强。

内容的提问来源于stack exchange，提问作者Sabo Boz