JavaScript虽不支持传统函数重载，但可通过参数数量、类型或对象结构模拟实现。1. 利用arguments.length根据参数个数执行不同逻辑；2. 使用typeof或Array.isArray判断参数类型，分别处理字符串、数字、数组等；3. 接收配置对象，通过属性存在与否决定行为，提升可读性与灵活性；4. 封装overload辅助函数，动态匹配参数类型组合，统一管理多态逻辑。这些方法有效模拟重载效果，关键在于清晰的调用规则设计。
JavaScript 本身不支持传统意义上的函数重载，即不能像 Java 或 C++ 那样通过参数数量或类型定义多个同名函数。但可以通过判断参数的类型、数量或结构来模拟函数重载行为，实现更灵活的调用方式。
利用参数数量模拟函数重载
通过 arguments.length 可以获取传入函数的实际参数个数，从而根据不同数量执行不同逻辑。
例如，定义一个处理用户信息的函数：
- 无参数时返回默认提示
- 一个参数时认为是用户名，返回欢迎语
- 两个参数时认为是用户名和年龄，返回详细信息
代码示例：
function handleUser() {
if (arguments.length === 0) {
return '请登录';
} else if (arguments.length === 1) {
return '欢迎你，' + arguments[0];
} else if (arguments.length === 2) {
return '用户：' + arguments[0] + '，年龄：' + arguments[1];
}
}
// 调用
handleUser(); // "请登录"
handleUser('小明'); // "欢迎你，小明"
handleUser('小明', 25); // "用户：小明，年龄：25"
根据参数类型区分行为
使用 typeof 或 Array.isArray 等方法判断参数类型，实现更精细的控制。
比如一个通用打印函数：
- 传字符串 → 直接输出
- 传数字 → 格式化为金额
- 传数组 → 输出列表项
实现方式：
function print(data) {
if (typeof data === 'string') {
console.log('文本：' + data);
} else if (typeof data === 'number') {
console.log('金额：¥' + data.toFixed(2));
} else if (Array.isArray(data)) {
data.forEach((item, index) => {
console.log(`第${index+1}项：${item}`);
});
}
}
// 调用
print('hello'); // 文本：hello
print(99.8); // 金额：¥99.80
print([1,2,3]); // 逐行输出列表项
使用对象参数实现“伪重载”
更现代的方式是统一接收一个配置对象，通过对象的属性是否存在来决定行为。
这种方式可读性强，避免了参数顺序依赖。
function createUser(options) {
const name = options.name || '匿名';
const age = options.age !== undefined ? options.age : 18;
const role = options.role || 'user';
return { name, age, role };
}
// 调用方式灵活
createUser({ name: 'Tom' }); // {name: 'Tom', age: 18, role: 'user'}
createUser({ name: 'Jerry', age: 30, role: 'admin' });
封装通用重载辅助函数
可以创建一个 overload 函数，根据参数特征动态匹配处理逻辑。
function overload(fnMap) {
return function(...args) {
const key = args.map(arg => typeof arg).join('-');
const handler = fnMap[key] || fnMap.fallback;
return handler && handler.apply(this, args);
};
}
// 使用示例
const greet = overload({
'string': name => `你好，${name}`,
'string-number': (name, age) => `用户${name}，${age}岁`,
fallback: () => '未知输入'
});
greet('Alice'); // "你好，Alice"
greet('Bob', 30); // "用户Bob，30岁"
greet(123); // "未知输入"
基本上就这些常见技巧。虽然 JS 没有原生函数重载，但通过参数判断完全可以模拟出类似效果，关键是设计清晰的调用规则，避免逻辑混乱。
