js实现重载
在JavaScript中，函数重载（即根据参数类型或数量调用不同函数逻辑）并不像Java等语言那样直接支持，但可以通过多种方法模拟实现。以下是常见的实现方式：
参数检查和分支逻辑
通过检查参数的类型、数量或内容，在函数内部实现不同的逻辑分支。
function overloadExample(param1, param2) {
if (typeof param1 === 'string' && param2 === undefined) {
// 处理单字符串参数的情况
} else if (typeof param1 === 'number' && typeof param2 === 'number') {
// 处理双数字参数的情况
}
}arguments对象结合长度判断
利用函数内部的arguments对象获取实际传入参数的数量进行判断。
function sum() {
if (arguments.length === 1) {
return arguments[0] * 2;
}
if (arguments.length === 2) {
return arguments[0] + arguments[1];
}
}对象参数模式
使用配置对象作为单一参数，通过对象属性区分不同情况。
function configure(options) {
if (options.mode === 'A') {
// 模式A的处理
} else if (options.mode === 'B') {
// 模式B的处理
}
}函数包装器
创建高阶函数来管理不同的函数实现。
function createOverload() {
const funcMap = new Map();
function overload(...args) {
const key = args.map(arg => typeof arg).join(',');
const func = funcMap.get(key);
if (func) {
return func.apply(this, args);
}
throw new Error('No matching overload');
}
overload.addImpl = function(types, func) {
funcMap.set(types.join(','), func);
};
return overload;
}
const getData = createOverload();
getData.addImpl(['string'], name => `Name: ${name}`);
getData.addImpl(['number'], age => `Age: ${age}`);ES6默认参数和剩余参数
利用ES6的新特性实现类似重载的效果。
function example(a, b = 10, ...rest) {
if (rest.length > 0) {
// 处理额外参数
} else if (b === 10) {
// 处理缺省参数
}
}每种方法各有优缺点，参数检查适合简单场景，对象参数模式可读性更好，函数包装器适合需要严格类型检查的复杂场景。实际开发中应根据具体需求选择合适的方法。
