TypeScript中调用含默认参数与可选参数的函数时如何保留默认值

这个问题我之前也踩过坑，其实TypeScript里默认参数的触发规则是有讲究的——只有当你完全不传递该参数，或者传递undefined时，才会使用预设的默认值。你之前传false或null，这些都是有效的实际值（毕竟max的类型是any），所以函数会直接把它们当作max的参数值，而不会触发默认的100。

下面给你两种可行的解决方案：

方案1：直接传递undefined给max参数 #

这是最直接的临时解决办法，明确告诉TypeScript你不想给max传自定义值，让它使用默认值：

inputMinMaxValidation('Hello', undefined, 1);

这样max就会自动用上默认的100，同时第三个可选参数i也能正常传递。

方案2：重构为对象参数（更推荐） #

如果你的函数参数后续可能增加，或者想让调用逻辑更清晰，建议把参数改成配置对象的形式。这种方式不用关心参数顺序，还能按需传递：

// 重构后的函数定义
function inputMinMaxValidation(options: {
  name: string;
  max?: any;
  i?: number;
}): void {
  // 解构时设置默认值
  const { name, max = 100, i } = options;
  // ...你的原有函数逻辑
}

// 调用时只传需要的参数
inputMinMaxValidation({ name: 'Hello', i: 1 });

这种写法的优点是可读性拉满，别人一看就知道你传递了哪些参数，后续新增参数也不用调整调用时的参数顺序。

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