刚接触TypeScript的新手一定遇到过这种情况——明明照着教程写了函数，调用时却总是报错"参数数量不匹配"或者"未定义属性"。这就像新手司机刚上路就遇到堵车，完全不知道该怎么处理。今天咱们就来聊聊TS方法里那两个救星：??可选参数??和??默认设置??，它们能让你像老司机一样灵活应对各种传参场景。

一、为什么你的方法总在报错？

假设你要写个用户注册方法，有时候需要验证邮箱，有时候不需要。新手可能会这样写：

typescript复制
function register(name: string, email: string) {
  // 验证逻辑
}

结果调用时发现必须传邮箱参数，这时候要么硬着头皮传空字符串，要么被迫修改方法结构。这就像带着固定尺寸的行李箱出门——装不下大件物品，装小物件又浪费空间。

??核心矛盾点??：实际开发中60%的参数冲突都源于"一刀切"的传参要求。这时候就该请出我们的两大解决方案了。

二、可选参数：给参数装上"开关"

在参数名后加个问号，相当于给参数装了个开关按钮：

typescript复制
// 改造后的注册方法
function register(name: string, email?: string) {
  if(email) {
    // 执行邮箱验证 
  }
  // 基础注册逻辑
}

现在两种调用方式都合法：

typescript复制
register("张三") // 不验证邮箱
register("李四", "lisi@example.com") // 验证邮箱

这和网页表单设计是一个道理——必填项用红色星号标记，选填项不做强制要求。但要注意两个细节：

1. 可选参数必须放在参数列表末尾，就像收拾行李时把洗漱包放在行李箱最外层
2. 使用前务必做空值检查，避免出现"undefined"导致的运行时错误

三、默认参数：智能填充的"备胎方案"

当某个参数80%的情况都用固定值时，默认参数就是你的最佳拍档。比如电商平台的运费计算：

typescript复制
function calculateFee(weight: number, service: "standard" | "express" = "standard") {
  const base = service === "express" ? 15 : 8
  return weight * base
}

这时候调用可以省去第二个参数：

typescript复制
calculateFee(2) // 自动采用standard服务
calculateFee(2, "express") // 指定加急服务

这种设计模式类似手机应用的默认设置——相机会自动开启HDR模式，但允许用户手动关闭。特别注意：

• 带默认值的参数会自动成为可选参数
• 默认值可以是表达式，比如discount = currentSeason ? 0.8 : 0.9
• 和可选参数混用时，默认参数要放在可选参数后面

四、实战中的组合拳

真实开发场景往往需要两种方案配合使用。比如文件上传功能：

typescript复制
function uploadFile(
  file: File,
  retryTimes: number = 3, // 默认重试3次
  onProgress?: (percent: number) => void // 可选进度回调
) {
  // 上传逻辑
}

这个设计同时满足：

1. 必须传入文件对象
2. 默认重试3次但允许修改
3. 进度回调根据需求决定是否使用

就像快递柜取件——必须输入取件码（必填参数），默认开中格口（默认参数），需要发票时再按提示操作（可选参数）

五、避坑指南

见过最典型的错误案例是这样的：

typescript复制
function createOrder(item: string, quantity?: number = 1) { // 错误写法！
  // ...
}

这里把可选符号?和默认值混用会导致编译错误。正确的写法应该是：

typescript复制
function createOrder(item: string, quantity: number = 1) {
  // ...
}

记住这个口诀："问号默认不同时，二选一更合适"。就像手机充电时不能同时用快充和普通充电头，得选最适合的那个方案

小编观点

用了可选参数和默认设置后，你会发现TS不再是束缚手脚的枷锁，而是帮你规避低级错误的安全绳。就像开车时有了倒车雷达和自动驻车功能，既能保证安全，又不失操作灵活性。下次写方法时，不妨先问问自己：这个参数是不是像汽车安全带一样必须全程系着？还是像天窗开关那样可以按需使用？