一、基础知识
函数柯里化(currying)是指把一个接受多个参数的函数转化为接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下参数且返回结果的新函数的技术。如果该函数的所有参数都被提供，则直接返回运算结果。
下面是一个常规的函数式编程的例子：
function add(a, b, c) {
return a + b + c;
}
let curry = fn =>
judge = (...args) =>
args.length === fn.length
? fn(...args)
: (arg) => judge(...args, arg);
let curriedAdd = curry(add);
console.log(curriedAdd(1)(2)(3)); // 输出6
上面的例子中，curry函数是一个判断函数参数是否齐全的柯里化函数，curriedAdd为柯里化之后的函数，当函数参数齐全时，输出函数结果。这是一个基础的柯里化函数的写法。
二、实现链式调用
在JavaScript中，函数的链式调用可以通过返回this实现，例：
let obj = {
a: 1,
add(b) {
this.a += b;
return this;
},
sub(b) {
this.a -= b;
return this;
},
out() {
console.log(this.a);
}
};
obj.add(2).sub(1).out(); // 输出2
上面的例子中，add和sub函数都返回了this，便可以进行链式调用。为了实现函数柯里化和链式调用，我们可以结合起来写：
function add(a) {
let fn = b => add(a + b);
fn.valueOf = () => a;
return fn;
}
console.log(add(1)) // 输出 1
console.log(add(1)(2)) // 输出 3
console.log(add(1)(2)(3)) // 输出 6
上面例子中的add函数处理了一个参数a，然后返回一个新的函数，新的函数也会处理一个参数b，并返回调用自己的新的函数。最终返回一个内置了一个valueOf方法的函数，这个方法会返回一个数值。
为了实现链式调用，我们需要重写这个valueOf方法，使得当此函数最终返回时，返回的结果是想要的计算结果。
function add(a) {
let fn = b => add(a + b);
fn.valueOf = () => a;
return fn;
}
function sub(a) {
let fn = b => sub(a - b);
fn.valueOf = () => a;
return fn;
}
console.log(add(1)(2)(3) + sub(1)(2)(3)) // 输出1
这个例子中，我们定义了一个add函数和一个sub函数，他们都返回一个处理函数。当我们使用valueOf方法获取该函数时，它们的返回值就是函数生成时的a值，这样就可以完成加减链式计算了。
三、实现复杂的链式调用
对于基于函数柯里化的链式调用，在代码维护和重构时可能会出现困难。为了更好的可读性和可维护性，我们可能需要用到一种更加灵活的方式实现链式调用。下面是一种将数组方法与函数柯里化结合的方式，实现链式调用的示例：
const add = x => y => x + y; const double = x => x * 2; const result = [1, 2, 3, 4, 5] .filter(n => n % 2) .map(add(1)) .map(double) .reduce(add(0))(); console.log(result); // 输出25
这个例子中，我们将数组先进行filter操作，过滤掉不符合要求的元素，接着进行map操作将每个元素都传入add函数，添加1以后再传入double函数，最终使用reduce函数对数组元素进行求和。在上述每个函数中，我们都使用了柯里化函数的形式，使得链式调用可以继续下去。
四、小结
在本文中，我们简单了解了函数柯里化的基本知识，和如何使用函数柯里化实现JavaScript函数链式调用。另外，我们还了解了使用数组方法和函数柯里化实现JavaScript函数链式调用的简单示例。由于JavaScript的灵活性，我们可以根据不同的场景选择不同的实现方式，提高代码的可读性和可维护性。
原创文章，作者：小蓝，如若转载，请注明出处：https://www.506064.com/n/190491.html
微信扫一扫 
支付宝扫一扫 