JS函数重载的解决方案

JS函数重载是指为同一个函数名定义多个不同签名的函数。在其他编程语言如Java和C++中，可以使用函数重载来提高代码的可读性和可维护性。

然而，在JS中，函数重载是不支持的。如果你定义了两个同名的函数，后一个定义会覆盖前一个定义。这意味着只有最后一个定义会生效, 前面的定义都会失效。

但是，有几种方法可以解决JS中函数重载的问题：

方案一：手动检查参数

你可以手动检查参数的个数和类型，根据不同的参数组合调用不同的实现代码。下面是一个例子：

function foo(param1, param2) {
  if (typeof param1 === "string" && typeof param2 === "number") {
    console.log("First overload");
  }
  else if (typeof param1 === "number" && typeof param2 === "string") {
    console.log("Second overload");
  }
  else {
    console.log("Unsupported overload");
  }
}

foo("hello", 123); // First overload
foo(123, "world"); // Second overload
foo(true, {}); // Unsupported overload

这个方法的缺点是代码冗长，需要手动进行参数检查。当函数的参数个数和类型较多时，这种方法变得难以维护。因此，我们推荐第二种方法：

方案二：使用rest参数

在ECMAScript 6中，引入了rest参数，可以让函数接受一个不定数量的参数，并把它们存储在一个数组中。通过使用rest参数，我们可以简化函数的签名，并为函数提供重载功能。下面是一个例子：

function foo(...args) {
  if (args.length === 2 && typeof args[0] === "string" && typeof args[1] === "number") {
    console.log("First overload");
  }
  else if (args.length === 2 && typeof args[0] === "number" && typeof args[1] === "string") {
    console.log("Second overload");
  }
  else {
    console.log("Unsupported overload");
  }
}

foo("hello", 123); // First overload
foo(123, "world"); // Second overload
foo(true, {}); // Unsupported overload

这个方法可以有效地减少代码冗余，让函数签名更简单明了，并且可以轻松支持多种重载形式。

总而言之，JS中虽然没有原生的函数重载语法，但通过手动检查参数或使用rest参数，我们可以轻松地实现函数重载。