如何在TypeScript中让带类型的参数成为可选参数？

你遇到的问题是因为callback的类型被定义为Function，但默认值null不属于该类型集合，所以TypeScript抛出类型不匹配的错误。以下是几种可行的解决方式：

方式一：扩展参数类型 #

直接修改参数类型，允许它接受Function或null，同时保留null作为默认值：

showDialog(title: string, value: string, callback: Function | null = null) {
       
}

方式二：使用可选参数语法（推荐） #

如果callback是可选参数，更符合TypeScript规范的写法是用?标记参数可选，此时参数默认会被推断为Function | undefined，可按需选择是否设置默认值：

// 写法1：不设默认值，调用时可省略第三个参数
showDialog(title: string, value: string, callback?: Function) {
       
}

// 写法2：显式设置默认值为undefined
showDialog(title: string, value: string, callback?: Function = undefined) {
       
}

方式三：使用具体函数类型（进阶优化） #

尽量避免直接使用宽泛的Function类型，推荐定义具体的函数签名，能获得更严格的类型校验：

// 示例：定义callback为接受布尔值、无返回值的函数
showDialog(title: string, value: string, callback?: (success: boolean) => void) {
       
}

注意：不推荐用any或unknown绕过类型检查，会失去TypeScript的类型校验优势。

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