TypeScript函数可选属性返回值设为const并实现参数类型回退

问题核心是当可选参数name未传入时，返回值的name类型需要自动回退为必填参数resource的const字符串类型，而非宽泛的string。原代码的问题在于泛型Name未设置默认值，导致未传name时TypeScript无法正确推断其类型为R。

修正方案 #

通过给泛型Name设置默认值为R，确保当name参数未传入时，Name直接复用resource的类型。同时使用??运算符处理空值（比||更严谨，避免name为空字符串时的错误覆盖）：

const r = <R extends string, Name extends string = R>({
  name,
  resource
}: {
  name?: Name,
  resource: R
}) => {
  return {
    name: (name ?? resource) as Name,
    resource
  }
}

验证场景 #

1. 传入name参数时：

const resourceWithName = r({resource: 'test', name: 'test-name'})
// 返回类型：{ name: "test-name"; resource: "test" }

2. 未传入name参数时：

const resourceWithoutName = r({resource: 'test'})
// 返回类型：{ name: "test"; resource: "test" }

关键说明 #

• 泛型Name的默认值= R是核心：当用户不传入name时，TypeScript会自动将Name推断为R的类型，也就是resource的const字符串。
• 使用??而非||：如果name传入空字符串""，||会错误地返回resource，而??只会在name为undefined或null时才回退到resource，更符合可选参数的语义。

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