JavaScript中模拟函数重载的常见方法详解

function add(...args) {
  switch (args.length) {
    case 0:
      return 0;
    case 1:
      return args * 2; // 传1个参数返回它的2倍
    case 2:
      return args + args; // 传2个参数返回它们的和
    default:
      return args.reduce((a, b) => a + b, 0); // 3个及以上返回总和
  }
}
console.log(add()); // 0
console.log(add(5)); // 10
console.log(add(3, 4)); // 7

function process(input) {
  if (typeof input === "string") {
    console.log("处理字符串逻辑:", input.toUpperCase());
  } else if (typeof input === "number") {
    console.log("处理数字逻辑:", input * input);
  } else if (Array.isArray(input)) {
    console.log("处理数组逻辑:", input.join("-"));
  }
}
process("hello"); // 处理字符串逻辑: HELLO
process(10); // 处理数字逻辑: 100
process(); // 处理数组逻辑: 1-2-3

// 使用默认参数
function load(url, method = "GET", timeout = 5000) {
  console.log(`发起请求: ${url}, 方法: ${method}, 超时: ${timeout}ms`);
}
load("/api/data"); // 发起请求: /api/data, 方法: GET, 超时: 5000ms
load("/api/data", "POST"); // 发起请求: /api/data, 方法: POST, 超时: 5000ms

// 使用对象解构
function createUser(options) {
  const { name = "匿名", age = 18, role = "user" } = options;
  return { name, age, role };
}
createUser({ name: "Tom" }); // { name: 'Tom', age: 18, role: 'user' }
createUser({ name: "Jerry", role: "admin" }); // { name: 'Jerry', age: 18, role: 'admin' }

// jQuery off 方法的部分源码逻辑示意
off: function (types, selector, fn) {
  // 如果传入的第二个参数是一个函数，说明用户跳过了 selector 参数
  if (selector === false || typeof selector === 'function') {
    fn = selector;
    selector = undefined;
  }
  // 后续逻辑
}