前端进阶之路之函数柯里化

函数柯里化是一种函数式编程技术，它可以将一个接收多个参数的函数转换成一系列只接收单个参数的函数。这种技术的好处在于它可以让我们更方便地处理函数的参数，同时也可以让我们更容易地实现函数的复用。

在 JavaScript 中，我们可以使用柯里化技术来简化函数的调用，并且减少代码的冗余。下面我们来看一下柯里化的实现方式以及它的示例代码。

实现方式

函数柯里化的核心思想是将多个参数的函数转换为一系列只接收单个参数的函数。这个过程可以通过递归实现。具体来说，我们可以定义一个函数 curry，它接收一个函数作为参数，然后返回一个新的函数，这个新的函数只接收一个参数。当我们调用这个新的函数时，它会将这个参数存储起来，并返回一个新的函数，这个新的函数也只接收一个参数。这个过程会一直持续下去，直到我们传入了所有需要的参数，最后返回函数的执行结果。

示例代码1

下面是一个简单的柯里化示例，它实现了一个 add 函数，用来计算两个数的和。

function add(a, b) {
return a + b;
}

function curry(fn) {
return function curried(...args) {
if (args.length >= fn.length) {
return fn.apply(this, args);
} else {
return function(...args2) {
return curried.apply(this, args.concat(args2));
}
}
};
}

const curriedAdd = curry(add);
console.log(curriedAdd(1)(2)); // 3
console.log(curriedAdd(1, 2)); // 3

在上面的代码中，我们定义了一个 add 函数，它接收两个参数，并返回它们的和。接着我们定义了一个 curry 函数，它接收一个函数作为参数，并返回一个新的函数。这个新的函数只接收一个参数，如果传入的参数个数等于原函数的参数个数，那么就直接调用原函数，并返回执行结果。否则，继续返回一个新的函数，这个新的函数也只接收一个参数，并且将之前传入的参数和新传入的参数合并起来，然后递归调用 curried 函数，直到传入的参数个数等于原函数的参数个数。

示例代码2

下面是一个更复杂的柯里化示例，它实现了一个 compose 函数，用来将多个函数组合起来执行。

function compose(...fns) {
return function(x) {
return fns.reduceRight((acc, fn) => fn(acc), x);
}
}

function add1(x) {
return x + 1;
}

function double(x) {
return x * 2;
}

function square(x) {
return x * x;
}

const composedFn = compose(square, double, add1);
console.log(composedFn(2)); // 36

在上面的代码中，我们定义了三个函数 add1、double 和 square，它们分别用来将传入的数加一、乘二和平方。接着我们定义了一个 compose 函数，它接收多个函数作为参数，并返回一个新的函数。这个新的函数接收一个参数，然后将它依次传递给每个函数，并返回最终的执行结果。

最后，我们使用 compose 函数将三个函数组合起来，然后传入一个数 2，得到最终的执行结果 36。

总结

函数柯里化是一种非常有用的函数式编程技术，它可以让我们更方便地处理函数的参数，并且减少代码的冗余。在 JavaScript 中，我们可以使用递归实现函数柯里化，从而实现更加简洁的代码。