JavaScript不支持传统函数重载，但可通过参数数量、类型或结构模拟：①用arguments.length或...args判断个数；②用typeof、Array.isArray()等区分类型；③用选项对象提升灵活性；④封装校验逻辑增强可读性与可维护性。
JavaScript 本身不支持传统意义上的函数重载（如 Java 或 C++ 中根据参数类型或数量定义多个同名函数），但可以通过检查参数的类型、数量或结构，在一个函数体内模拟重载行为。关键在于把逻辑分支写清楚，避免歧义和隐式转换带来的陷阱。
判断参数数量实现基础重载
最直接的方式是用 arguments.length 或 ES6 的 ...args 获取参数个数，再分情况处理：
示例：实现一个可接受 1 个或 2 个数字的 add 函数
function add(a, b) {
if (arguments.length === 1) {
return a + a;
} else if (arguments.length === 2) {
return a + b;
} else {
throw new Error('add 接收 1 或 2 个参数');
}
}
- 适用于参数个数差异明显、逻辑独立的场景
- 注意：箭头函数没有
arguments，应优先使用剩余参数...args - 调用
add(5)返回10，add(3, 7)返回10
通过参数类型区分行为
利用 typeof、Array.isArray()、instanceof 或 Object.prototype.toString.call() 判断类型，适配不同输入：
立即学习“Java免费学习笔记（深入）”；
示例：统一处理字符串拼接或数组合并
function concat(a, b) {
if (typeof a === 'string' && typeof b === 'string') {
return a + b;
} else if (Array.isArray(a) && Array.isArray(b)) {
return a.concat(b);
} else if (typeof a === 'string' && Array.isArray(b)) {
return [a, ...b];
} else {
throw new TypeError('不支持的参数组合');
}
}
-
typeof对null返回"object"，需单独判断 - 检测数组用
Array.isArray()比instanceof Array更可靠（跨 iframe 安全） - 避免过度依赖
toString.call()——除非需要精确识别内置对象如Date、RegExp
结合参数结构与命名选项对象增强灵活性
当参数变多、语义变复杂时，推荐用「必需参数 + 配置对象」模式，替代大量类型/数量判断：
function fetchUser(id, options = {}) {
const { format = 'json', includePosts = false, timeout = 5000 } = options;
// 根据 format 决定响应解析方式
if (format === 'json') {
return fetch(`/api/users/${id}`).then(r => r.json());
} else if (format === 'text') {
return fetch(`/api/users/${id}`).then(r => r.text());
}
// includePosts 控制是否附加文章数据
if (includePosts) {
// 合并请求逻辑...
}
}
- 调用更清晰：
fetchUser(123, { format: 'text' }) - 避免因参数顺序变化导致的误判（比如把布尔值传成第二个参数却被当成 id）
- 后续扩展新选项无需修改函数签名，兼容性好
用工具函数封装判断逻辑，提升可读性
把类型/数量校验提取为独立函数，让主逻辑专注业务，也方便复用和测试：
const isString = x => typeof x === 'string';
const isNumber = x => typeof x === 'number' && !isNaN(x);
const isOneOrTwoNumbers = (...args) =>
args.length === 1 && isNumber(args[0]) ||
args.length === 2 && isNumber(args[0]) && isNumber(args[1]);
function sum(...args) {
if (!isOneOrTwoNumbers(...args)) {
throw new TypeError('sum 只接受 1 或 2 个数字');
}
return args.reduce((a, b) => a + b, 0);
}
- 校验逻辑集中，出错时提示明确
- 单元测试可单独覆盖
isOneOrTwoNumbers等断言函数 - 多人协作时语义比内联
typeof更易理解
