js实现类似于add(1)(2)(3)调用方式的方法

JavaScript中的神奇链式调用：add(1)(2)(3)的实现方式

你是否曾经想过如何实现在JavaScript中连续调用函数，如add(1)(2)(3)这样的调用方式并得到一个结果？这是一种非常有趣且实用的技术，将向你揭示其背后的原理。

让我们看一个简单的例子：

```javascript

var add = function(a){

return function(b){

return function(c){

return a+b+c;

};

};

};

console.log(add(1)(2)(3)); // 输出：6

```

在上述代码中，我们定义了一个名为add的函数。这个函数返回一个新的函数，这个新函数接受一个参数并返回第三个函数。第三个函数接受三个参数并返回他们的总和。这就是链式调用的基本原理。

如果你想要实现连续调用多个数字，如add(1)(2)(3)(4)，上述代码就无法满足需求了。为了实现这一点，我们可以稍微修改一下代码：

```javascript

function add(x) {

var sum = x;

var tmp = function (y) {

sum += y;

return tmp; // 继续返回函数本身，以便进行链式调用

};

tmp.toString = function () {

return sum;

};

tmp.valueOf = function () { // 当进行数值计算时，会调用 valueOf 方法

return sum;

};

return tmp;

}

console.log(add(1)(2)(3)); // 输出：6

console.log(add(1)(2)(3)(4)); // 输出：10

```

希望这篇文章能帮助你理解JavaScript中的链式调用技术，如果你有任何问题或者想要了解更多相关知识，欢迎随时向我提问。