TypeScript中如何为函数默认参数进行显式类型标注？

嘿，这里有两种清晰的方式给你的函数默认参数加上显式类型标注，既符合TypeScript的类型规范，又能让代码可读性更强：

方式1：直接为解构参数标注类型 #

这是最常用也最简洁的写法，直接给解构后的参数对象标注C类型，默认值保持原样即可（因为它本身就符合C的类型约束）：

type C = { a: string, b: number };
function f({ a, b }: C = { a: "", b: 0 }): void {
  // 你的函数逻辑
}

这样写的好处是：

• 明确告诉TypeScript，函数接收的参数必须是C类型的对象
• 默认值{a:"", b:0}会被自动校验是否符合C的类型要求，如果后续修改默认值时不符合类型，TypeScript会直接报错提醒

方式2：为默认值显式标注类型（可选更严谨写法） #

如果你想进一步明确默认值的类型（虽然在这个场景下不是必须的，因为TypeScript能自动推断），可以用类型断言给默认值加上C的标注：

type C = { a: string, b: number };
function f({ a, b }: C = { a: "", b: 0 } as C): void {
  // 你的函数逻辑
}

这种写法适合当默认值结构比较复杂，或者你想确保默认值严格遵循C类型定义的场景。

为什么要显式标注？ #

原来的代码中，解构参数没有明确的类型标注，虽然TypeScript会从默认值推断出类型，但显式标注后：

• 代码的意图更清晰，其他开发者一眼就能知道函数接收的参数类型
• 能在传入不符合C类型的参数时，及时触发TypeScript的类型错误提示，避免潜在的bug

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