JavaScript不支持传统函数重载，但可通过arguments.length或剩余参数...args判断参数个数实现行为分支，如config函数根据1/2/3个参数分别处理获取、设置、带默认值设置逻辑。

JavaScript 本身不支持传统意义上的函数重载（如 Java 或 C++ 中根据参数类型或数量定义多个同名函数），但可以利用 arguments.length（或现代写法中的剩余参数 ...args）配合条件判断，模拟出“按参数个数不同执行不同逻辑”的效果。

用 arguments.length 区分调用形式

arguments 是函数内部的类数组对象，保存了实际传入的所有参数，arguments.length 就是实参个数。我们可以据此编写分支逻辑：

• 当传入 1 个参数时，当作「获取值」处理
• 当传入 2 个参数时，当作「设置键值」处理
• 当传入 3 个参数时，当作「带默认值的设置」处理

例如实现一个简易的配置管理器：

function config(key, value, defaultValue) {
  if (arguments.length === 1) {
    return this.data?.[key] ?? null;
  } else if (arguments.length === 2) {
    this.data = this.data || {};
    this.data[key] = value;
  } else if (arguments.length === 3) {
    this.data = this.data || {};
    this.data[key] = value !== undefined ? value : defaultValue;
  }
}

更健壮的写法：优先使用 rest 参数 + length 判断

ES6+ 推荐用 ...args 替代 arguments（后者在箭头函数中不可用，且不是真数组）。虽然不能直接用 args.length 做重载分发，但逻辑更清晰、可读性更好：

deep-java-review

Java项目代码review工具。分析Git变更+完整调用链路上下文，推断业务需求，进行多维度评分和分类汇总，生成完整PRD文档。包含细粒度Java代码审查清单（Null安全、异常处理、Streams、并发、equals/hashCode、资源管理、API设计、性能、MyBatis/ORM、事务边界、SQL/DD...

下载

立即学习“Java免费学习笔记（深入）”；

function calculate(...args) {
  switch (args.length) {
    case 1:
      return Math.abs(args[0]);
    case 2:
      return args[0] + args[1];
    case 3:
      return args[0] * args[1] - args[2];
    default:
      throw new Error(`Expected 1–3 arguments, got ${args.length}`);
  }
}

这样既避免了 arguments 的限制，又保留了“参数个数驱动行为”的核心思想。

注意覆盖与兼容性问题

JavaScript 中重复声明同名函数会导致后定义的覆盖前定义的，所以无法像静态语言那样写多个 function foo(a) 和 function foo(a, b)。必须把所有逻辑收束到一个函数体内，靠运行时判断分支。这意味着：

• 不能依赖函数签名做类型检查（需手动校验 typeof args[0] 等）
• 文档和调用方需明确约定各参数个数对应的行为
• 建议配合 JSDoc 注释说明每种调用方式，例如：
  

  /** @param {string} key */<br>
    /** @param {string} key @param {*} value */<br>
    /** @param {string} key @param {*} value @param {*} defaultValue */

进阶：封装成可复用的重载工具函数

若项目中多处需要类似逻辑，可抽象一个轻量调度器：

function overload(fnMap) {
  return function(...args) {
    const impl = fnMap[args.length];
    if (typeof impl === 'function') {
      return impl.apply(this, args);
    }
    throw new Error(`No implementation for ${args.length} arguments`);
  };
}
<p>const sum = overload({
1: (x) => x,
2: (x, y) => x + y,
3: (x, y, z) => x + y + z
});</p><p>sum(5);        // 5
sum(2, 3);     // 5
sum(1, 2, 3);  // 6