如何修复JavaScript中overloadedFunc函数重载的报错问题？

原代码存在几个核心问题，直接导致报错和逻辑失效，下面逐个说明并给出修复方案：

核心问题点 #

• 第三个参数默认值错误：你写了arg3 = multiply()，这会在函数定义阶段就执行multiply（此时没有传参，直接触发错误），正确的做法是把函数本身作为默认值，即arg3 = multiply
• overloadedFunc未使用第三个参数：既然要支持重载逻辑，应该调用传入的arg3（或默认的multiply），而非硬编码调用multiply
• multiply函数逻辑缺陷：
  • 未处理arg1是数字的场景，直接用forEach会触发类型错误
  • forEach仅做了乘积计算，但未生成新数组，也没有返回结果
  • 整个函数没有返回值，导致调用后拿到undefined

修复后的完整代码 #

function overloadedFunc(arg1 = [1, 2, 3], arg2 = 2, arg3 = multiply) {
  // 调用传入的或默认的处理函数
  return arg3(arg1, arg2);
}

function multiply(arg1, arg2) {
  // 判断参数类型，分别处理数组和数字场景
  if (Array.isArray(arg1)) {
    // 用map生成新数组，返回每个元素与arg2的乘积
    return arg1.map(item => item * arg2);
  } else if (typeof arg1 === 'number') {
    // 数字直接返回乘积结果
    return arg1 * arg2;
  }
  // 其他类型可根据需求返回或抛出错误，此处默认返回null
  return null;
}

console.log(overloadedFunc()); // [2, 4, 6]
console.log(overloadedFunc([2, 4, 6], 3)); // [6, 12, 18]
console.log(overloadedFunc(10)); // 20

关键修改说明 #

1. 修正第三个参数的默认值为函数本身，确保默认传入的是处理逻辑而非执行结果
2. overloadedFunc直接调用arg3实现重载逻辑，支持传入自定义处理函数
3. multiply函数新增类型判断，分别处理数组和数字场景，同时补充返回值逻辑，确保能正确输出计算结果

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