能否像C#一样在JavaScript中实现函数/方法重载？

JavaScript本身没有像C#那样的原生函数重载机制——如果声明多个同名函数，后面的会直接覆盖前面的定义。但我们可以通过判断参数数量来模拟重载效果，以下是几种实用的实现方式：

1. 利用arguments对象（传统写法） #

通过arguments.length获取传入的参数个数，分支执行对应逻辑：

function calculate() {
  if (arguments.length === 0) {
    return 0;
  } else if (arguments.length === 1) {
    return arguments[0] * 2;
  } else if (arguments.length === 2) {
    return arguments[0] + arguments[1];
  }
}

// 调用示例
calculate();    // 返回 0
calculate(5);   // 返回 10
calculate(3,7); // 返回 10

2. ES6 剩余参数 + Switch 分支 #

用更现代的剩余参数...args替代arguments，配合switch语句让逻辑更清晰：

function calculate(...args) {
  switch(args.length) {
    case 0:
      return 0;
    case 1:
      return args[0] * 2;
    case 2:
      return args[0] + args[1];
    default:
      // 处理3个及以上参数的情况
      return args.reduce((total, num) => total + num, 0);
  }
}

// 调用示例
calculate();          // 返回 0
calculate(5);         // 返回 10
calculate(3,7);       // 返回 10
calculate(1,2,3,4);   // 返回 10

3. 重载映射表（高扩展性写法） #

把不同参数数量对应的处理逻辑存入对象，主函数根据参数长度匹配执行：

// 定义各参数数量对应的处理函数
const calculateHandlers = {
  0: () => 0,
  1: (num) => num * 2,
  2: (a, b) => a + b,
  3: (a, b, c) => a * b * c
};

function calculate(...args) {
  const handler = calculateHandlers[args.length];
  if (handler) {
    return handler(...args);
  }
  throw new Error('不支持当前传入的参数数量');
}

// 调用示例
calculate();          // 返回 0
calculate(5);         // 返回 10
calculate(2,3);       // 返回 5
calculate(2,3,4);     // 返回 24

如果需要进一步结合参数类型实现更复杂的重载，还可以把映射表的键改为参数长度+类型标识的组合（比如'2-number-string'），但针对不同参数数量的需求，上面的方法已经足够实用。

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