类中的方法重载：JS 并不原生支持，如何通过 Class 模拟？-js教程-PHP中文网

javascript类不支持传统方法重载，但可通过参数类型、数量或结构判断在单个方法内模拟，推荐用剩余参数结合typeof、instanceof、object.prototype.tostring.call等精准识别语义类型，并可封装overload工具函数提升复用性与可维护性。

类中的方法重载：js 并不原生支持，如何通过 class 模拟？

JavaScript 类本身不支持传统意义上的方法重载（即同名方法、不同参数签名），但可以通过判断参数类型、数量或结构，在单个方法内模拟重载行为。

利用 arguments 或剩余参数判断参数特征

ES6 之前常用 arguments 类数组对象；现在更推荐用 ...args 获取所有参数，再结合 typeof、Array.isArray()、args.length 等做分支处理。

例如：

Browser Js

轻量级CDP浏览器控制，适用于AI代理。相较于内置浏览器工具，token消耗降低3‑10倍，仅在浏览时使用。

下载

class Calculator {
  add(...args) {
    if (args.length === 0) return 0;
    if (args.length === 1 && typeof args[0] === 'number') return args[0];
    if (args.length === 2 && args.every(n => typeof n === 'number')) return args[0] + args[1];
    if (Array.isArray(args[0])) return args[0].reduce((a, b) => a + b, 0);
    throw new Error('Unsupported argument type for add()');
  }
}

按参数类型或结构分发逻辑

比单纯看数量更健壮的方式是识别传入值的“语义类型”：普通数字、字符串、对象、Date、自定义类实例等。

用 instanceof 区分自定义类或内置构造器（如 Date、RegExp）
用 Object.prototype.toString.call(x) 辨别 Array、Map、Set、Null 等（比 typeof 更精确）
对对象可检查是否存在特定属性（如 if ('x' in obj && 'y' in obj)）来识别坐标类结构

封装为可复用的重载工具函数

避免每个方法都写冗长判断，可抽象一个 overload 工具，按规则匹配并调用对应处理器：

function overload(...handlers) {
  return function(...args) {
    for (const { when, then } of handlers) {
      if (when(...args)) return then(...args);
    }
    throw new Error('No matching overload');
  };
}

class API {
  constructor() {
    this.fetch = overload(
      // fetch(url)
      { when: (x) => typeof x === 'string', then: (url) => fetch(url) },
      // fetch(config)
      { when: (x) => x && typeof x === 'object' && 'method' in x, then: (config) => fetch(config.url, config) }
    );
  }
}