JS 函数重载实现模式 - 根据参数类型与数量实现多态函数

function myFunc() {
  if (arguments.length === 1 && typeof arguments[0] === 'number') {
    // 处理一个数字参数的情况
    console.log("处理一个数字参数:", arguments[0]);
  } else if (arguments.length === 2 && typeof arguments[0] === 'string' && typeof arguments[1] === 'number') {
    // 处理一个字符串和一个数字参数的情况
    console.log("处理一个字符串和一个数字参数:", arguments[0], arguments[1]);
  } else {
    // 默认处理逻辑或抛出错误
    console.log("参数不匹配");
  }
}

myFunc(10); // 输出: 处理一个数字参数: 10
myFunc("hello", 20); // 输出: 处理一个字符串和一个数字参数: hello 20
myFunc("world"); // 输出: 参数不匹配

if...else

if...else

const handlers = {
  'number': (num) => { console.log("处理数字:", num); },
  'string,number': (str, num) => { console.log("处理字符串和数字:", str, num); }
};

function myFunc() {
  const key = Array.from(arguments).map(arg => typeof arg).join(',');
  const handler = handlers[key];
  if (handler) {
    handler(...arguments);
  } else {
    console.log("参数不匹配");
  }
}

myFunc(10); // 输出: 处理数字: 10
myFunc("hello", 20); // 输出: 处理字符串和数字: hello 20
myFunc("world"); // 输出: 参数不匹配