JavaScript不支持函数重载，但可通过参数数量、类型、配置对象或Proxy等方式模拟：如用arguments.length或rest参数分支处理；用typeof等判断类型；用选项对象封装可选参数；或用重载注册器动态分发。
JavaScript 本身不支持传统面向对象语言中的函数重载（即同名函数、不同参数类型或数量），因为函数是对象，后定义的同名函数会直接覆盖前面的。但可以通过一些变通方式模拟重载行为，核心思路是：在运行时检查参数类型、数量或结构，再分发到不同逻辑分支。
基于参数数量判断
最简单直观的方式：用 arguments.length 或 ES6 的 rest 参数 获取实参个数，再用 if/else 或 switch 分支处理。
function greet() {
if (arguments.length === 1) {
return `Hello, ${arguments[0]}`;
} else if (arguments.length === 2) {
return `Hello, ${arguments[0]} from ${arguments[1]}`;
} else {
return 'Hello, world';
}
}
// 或使用 rest 参数（推荐）
function greet(...args) {
switch (args.length) {
case 1: return `Hello, ${args[0]}`;
case 2: return `Hello, ${args[0]} from ${args[1]}`;
default: return 'Hello, world';
}
}基于参数类型和结构判断
更灵活的做法：用 typeof、Array.isArray()、instanceof 或 Object.prototype.toString.call() 判断每个参数的类型，甚至检查是否为 null、undefined、对象键名等。
function process(data) {
if (typeof data === 'string') {
return data.toUpperCase();
} else if (Array.isArray(data)) {
return data.map(x => x * 2);
} else if (data && typeof data === 'object' && 'id' in data) {
return `User: ${data.name || 'Anonymous'}`;
} else {
return 'Unsupported type';
}
}用配置对象替代多参数重载
避免参数顺序和类型的混乱，把多个可选参数封装成一个对象，用属性是否存在或默认值来区分行为——这是现代 JS 中最常用、最可维护的“重载替代方案”。
立即学习“Java免费学习笔记（深入）”；
function fetchUser(options = {}) {
const { id, name, timeout = 5000, includePosts = false } = options;
<p>if (id) return <code>Fetching user by ID: ${id}</code>;
if (name) return <code>Searching user by name: ${name}</code>;</p><p>return 'Please provide id or name';
}</p><p>// 调用方式清晰且易扩展
fetchUser({ id: 123 });
fetchUser({ name: 'Alice', includePosts: true });用 Proxy 或装饰器模式实现动态分发（进阶）
对复杂场景，可封装一个轻量级重载注册器：把不同签名（如 [String]、[Number, Boolean]）对应到处理函数，运行时匹配并调用。虽不原生，但逻辑集中、易于测试。
const overload = () => {
const handlers = [];
return {
add(signature, fn) {
handlers.push({ signature, fn });
return this;
},
call(...args) {
for (const { signature, fn } of handlers) {
if (signature.length === args.length &&
signature.every((type, i) => typeof args[i] === type)) {
return fn(...args);
}
}
throw new Error('No matching overload');
}
};
};
<p>const math = overload()
.add(['number'], x => x * 2)
.add(['number', 'number'], (a, b) => a + b)
.add(['string'], s => s.length);</p><p>math.call(5); // 10
math.call(3, 7); // 10
math.call('hello'); // 5基本上就这些。真需要重载语义时，优先用配置对象；简单场景用参数长度或类型判断；复杂 API 可考虑封装调度逻辑。关键是别硬套其他语言的习惯，而是利用 JS 的动态性写清晰、可读、易测的代码。
