TypeScript 如何让函数入参为空字符串时也启用默认值？

云原生阿岚

2026-10-1

核心结论

TypeScript 本身没有提供自定义参数默认值触发条件的原生特性，这是因为 TS 作为 JavaScript 的超集，不会修改 JS 基础运行时规则：JS/TS 中参数默认值仅会在入参为 undefined 时生效，空字符串 '' 属于合法的字符串类型值，因此不会触发默认值。

更简洁的实现方案

1. 参数段直接处理（符合你期望的在参数位置完成配置的需求）

可以利用第二个默认参数完成逻辑收敛，无需在函数体写额外代码：

function greet(name?: string, finalName = name || 'visitor') {
  console.log(`Hello ${finalName}`)
}

测试效果符合预期：

greet('Gromit') 输出 Hello Gromit
greet() 输出 Hello visitor
greet('') 输出 Hello visitor

2. 抽离通用工具函数（多场景复用的规范写法）

如果多个函数都需要空字符串回退默认值的逻辑，抽离工具函数是更符合 TS 工程化惯例的实现：

// 仅空字符串和undefined触发默认值，避免其他合法字符串被误替换
const getStringWithDefault = (str: string | undefined, defaultValue: string) => {
  return str === '' || str === undefined ? defaultValue : str
}

// 业务使用
function greet(name?: string) {
  const finalName = getStringWithDefault(name, 'visitor')
  console.log(`Hello ${finalName}`)
}