17370845950

JavaScript不支持传统函数重载，但可通过arguments、剩余参数、类型判断及默认参数等方式动态适配不同参数场景，核心是根据输入灵活处理而非语法级重载。

JavaScript 本身不支持传统意义上的函数重载（像 Java 或 C++ 那样根据参数类型或数量声明多个同名函数），但可以通过检查 arguments 对象、length 属性、剩余参数（...args）以及 typeof / Array.isArray() 等方式，**手动模拟不同参数数量或类型的函数行为**。

用 arguments 和函数 length 判断参数个数

在非箭头函数中，arguments 是类数组对象，可读取传入的实参；同时函数的 length 属性表示形参个数。二者结合能粗略区分调用场景：

• 检查 arguments.length 值，对应不同分支逻辑
• 注意：arguments.length 是实际传入参数个数，fn.length 是定义时的形参个数，别混淆
• 适用于简单场景，比如“0 个参数时返回默认值，1 个时处理单值，2 个时做运算”

用剩余参数 + 类型判断实现更清晰的分发

ES6+ 推荐用 ...args 获取所有参数，再配合 typeof、Array.isArray()、args.length 等做判断，逻辑更现代、可读性更强：

• function foo(...args) { if (args.length === 0) { ... } else if (args.length === 1 && typeof args[0] === 'string') { ... } }
• 可进一步封装成 switch (args.length) 或查表式分发（如用 Map 存不同参数长度对应的处理器）
• 避免直接依赖 arguments，尤其在箭头函数或严格模式下更安全

用默认参数和解构让接口更友好

与其硬写多分支，不如设计一个灵活主函数，用默认值和解构提前归一化输入：

• 例如：function calc({ a = 0, b = 0, op = 'add' } = {}) { ... }，调用时传对象，天然支持“可选参数”
• 或接受混合签名：function format(value, options?)，其中 options 可为对象或字符串，内部再判断
• 这样外部调用简洁，内部逻辑也更专注业务，而非纠结参数个数

基本上就这些。核心不是“重载”，而是“根据输入动态适配行为”。只要逻辑清晰、边界明确、测试覆盖到位，模拟效果和可维护性不输原生重载。