如何在JavaScript中实现支持n个参数的链式加法函数？

嘿，这个需求很典型——要把只能支持两次调用的闭包加法函数，扩展成能无限链式调用的版本对吧？我来给你一步步讲清楚怎么实现。

首先先回顾下你给出的双参数版本：

function add(x){
  return function(y){
    return x+y;
  }
}

这个版本的问题在于，第二次调用后直接返回了数值结果，没法继续链式传递参数。要支持任意次数的调用，我们需要让返回的函数既能继续接收新参数做累加，又能在需要的时候输出最终的总和。

核心思路：利用函数的隐式转换特性 #

在JavaScript里，当一个函数被用于需要原始值的场景（比如打印输出、参与数字运算）时，会自动调用函数的toString()或者valueOf()方法。我们可以利用这个特性，让返回的累加函数在被"求值"时返回当前的总和，同时保留接收新参数的能力。

完整实现代码 #

function add(x) {
  // 用闭包保存累加的总和
  let total = x;

  // 定义内部的累加函数
  function accumulator(y) {
    total += y;
    // 返回自身，实现链式调用
    return accumulator;
  }

  // 重写toString方法，当函数被转换为字符串时返回总和
  accumulator.toString = function() {
    return total;
  };

  // 重写valueOf方法，确保在数字运算场景下也能正确返回数值
  accumulator.valueOf = function() {
    return total;
  };

  return accumulator;
}

怎么用这个函数？ #

• 链式调用任意次数后直接获取结果：

  // 在控制台会输出 3+8+6+10 = 27
  console.log(add(3)(8)(6)(10)); 
  

• 和其他数值一起运算：

  // 计算 2+3+4+5 = 14
  const result = add(2)(3)(4) + 5; 
  console.log(result);
  

原理拆解 #

1. 第一次调用add(x)时，初始化total为x，返回内部的accumulator函数。
2. 每一次调用accumulator(y)，都会把y加到total里，然后返回accumulator自身，这样就能继续链式调用。
3. 当需要最终结果时（比如打印、参与运算），JavaScript会自动调用我们重写的toString或valueOf方法，返回当前的total值。

这种方案既保留了链式调用的语法，又能灵活支持任意次数的参数传递，完美符合你的需求~

内容的提问来源于stack exchange，提问作者Venu G