当前位置：首页 > JavaScript

js实现重载

2026-04-04 00:43:48JavaScript

在JavaScript中，函数重载（根据参数类型或数量执行不同逻辑）并非原生支持，但可以通过以下方法模拟实现：

参数检查实现重载

通过检查参数的类型或数量，动态调整函数行为：

js实现重载

function overloadExample() {
  if (arguments.length === 1 && typeof arguments[0] === 'string') {
    console.log('处理字符串:', arguments[0]);
  } 
  else if (arguments.length === 2 && typeof arguments[1] === 'number') {
    console.log('处理数字:', arguments[0], arguments[1]);
  }
  else {
    console.log('默认处理');
  }
}

对象参数实现重载

使用配置对象作为单一参数，通过属性判断处理方式：

js实现重载

function configOverload(options) {
  if (options.mode === 'text') {
    console.log('文本模式:', options.content);
  }
  else if (options.mode === 'calc') {
    console.log('计算模式:', options.x + options.y);
  }
}

闭包+注册模式

通过注册不同参数模式对应的处理函数：

function createOverloader() {
  const handlers = [];

  return {
    addHandler: function(condition, fn) {
      handlers.push({ condition, fn });
    },
    execute: function(...args) {
      const handler = handlers.find(h => h.condition(args));
      if (handler) return handler.fn.apply(this, args);
      throw new Error('No matching overload');
    }
  };
}

const overloader = createOverloader();
overloader.addHandler(
  args => args.length === 1 && typeof args[0] === 'string',
  str => console.log('字符串处理:', str)
);
overloader.execute("test"); // 输出: 字符串处理: test

ES6默认参数

利用ES6默认参数模拟简单重载：

function es6Overload(param1, param2 = 'default') {
  if (param2 === 'default') {
    console.log('单参数模式:', param1);
  } else {
    console.log('双参数模式:', param1, param2);
  }
}