JavaScript 硬重载

在 JavaScript 中，函数重载是指同一个函数名可以重复定义多个不同的参数组合实现对应不同的功能。而硬重载则是指利用闭包和函数内部变量实现的一种函数重载方式。

实现方式

硬重载利用函数作用域和闭包的特性，通过返回不同的函数来实现函数重载的功能。下面是一个利用硬重载实现求和的例子：

function add() {
  let result = 0;
  function inner(...args) {
    if (args.length === 0) {
      return result;
    }
    result += args.reduce((a, b) => a + b);
    return inner;
  }
  return inner(...arguments);
}

console.log(add(1)(2)(3)()); // 6
console.log(add(1, 2)(3)(4)()); // 10
console.log(add(1, 2, 3)()); // 6

这个例子定义了一个 add 函数，它返回一个内部函数 inner。inner 接收任意数量的参数，如果没有参数传入则返回当前求和的结果，否则将参数求和并累加到 result 变量上，并返回 inner 函数。

这种实现方式的关键在于内部函数 inner 的返回值，它可以是一个函数（继续接收参数）或一个值（表示结束了参数的传递），因为 JavaScript 支持函数作为值，所以硬重载的实现变得可行。

优缺点

硬重载的优点在于实现简单，没有 Polyfill 的问题，也没有原始的函数被污染的问题。但是使用硬重载有一个很严重的问题，就是无法在类型检测中进行判断，也就是说，使用硬重载的函数不能通过类型检查来防止参数传入不正确的情况。

小结

硬重载是一种很有趣的函数重载方式，适用于一些简单的、不需要在类型检查中强制规范的场景。如果你需要使用硬重载的话，一定要注意内部变量和闭包的使用，防止造成变量污染的问题。