JavaScript函数柯里化

JavaScript函数柯里化（Currying）是一种函数式编程技术，它使得一个函数能够接收部分参数并返回一个新函数，该新函数将继续期望接收剩余的参数，一直到所有参数都被传递为止。这样的好处是可以将多个函数的参数传递累加，最终只需要传递一次参数，从而减少冗余代码的编写。接下来就为大家详细讲解一下JavaScript函数柯里化的完整攻略。

1.什么是柯里化

函数柯里化的定义比较抽象，下面结合一个实际案例方便理解。

function add(num1, num2) {
  return num1 + num2
}

上述代码是一个传统的函数，它能够接收两个参数并返回它们的和。我们可以通过调用add函数来实现两数相加：

add(1, 2) // 返回3

但是，在实际开发中，我们可能多次需要对两个数进行相加，于是我们就可以利用柯里化的思想将add函数改造成一个可以多次使用的函数：

function curryingAdd(num1) {
  return function(num2) {
    return num1 + num2
  }
}

为了改造原函数，我们创建了一个新函数curryingAdd()，它接收一个num1参数，并返回一个新函数，该新函数期望接收一个num2参数。如果我们想让这个函数执行，我们可以按照以下方式调用它：

var addOne = curryingAdd(1)
addOne(2) // 返回3

在上面的示例中，我们调用curryingAdd(1)并将其返回值保存到变量addOne中，然后通过调用addOne(2)来实现1+2的计算。这里实际上是利用柯里化的方式将两个参数分别传递，从而实现相加的效果。

2.如何实现柯里化

要实现柯里化，我们需要定义一个生成新函数的函数，这个函数将作为目标函数的公共部分。当调用柯里化后的函数时，它们都将执行此公共部分的代码。

下面通过代码示例来演示如何实现柯里化：

function currying(fn) {
  var slice = Array.prototype.slice;
  var args = slice.call(arguments, 1); // 将currying函数中的参数排除掉
  return function() {
    var innerArgs = slice.call(arguments);
    var finalArgs = args.concat(innerArgs);
    return fn.apply(null, finalArgs);
  };
}

这个函数接收一个函数fn作为参数，并从第二个参数开始接收要传递给fn的参数。当我们调用currying函数时，在内部执行以下操作：

1.利用数组的slice方法将从第2个参数开始的所有参数保存到args数组中。

2.返回一个匿名函数，并在其中调用fn函数。当这个函数被调用时，它将调用slice函数来收集它接收的参数，并将args和innerArgs合并为一个新的finalArgs数组。最后，fn函数被调用，并使用apply方法将传递给它的参数传递给它。

3.实际应用

3.1 实现通用的bind()函数

我们可以将currying函数用于实现JavaScript中的bind()函数。bind()函数是用于绑定对象中的方法到对象本身，从而在调用方法时始终将对象作为上下文。下面的代码演示了如何利用柯里化实现bind()函数：

function bind(obj, fn) {
  var slice = Array.prototype.slice;
  var args = slice.call(arguments, 2);

  return function() {
    var innerArgs = slice.call(arguments);
    var finalArgs = args.concat(innerArgs);
    return fn.apply(obj, finalArgs);
  };
}

这里的bind函数接收两个参数，obj是一个用来绑定的对象，fn是实际要调用的函数。从第3个参数开始，我们指定了要传递给fn函数的所有参数。在返回的匿名函数中，我们重复了currying函数中所做的事情。添加到args数组中的所有参数都是要传递给fn函数的参数。当我们调用返回的新函数时，传递给它的参数都被添加到finalArgs数组中。最后，fn函数被调用，并使用apply方法将传递给它的参数全部传递过去。这里的obj变量是通过闭包被保存起来，以便在fn函数被调用时作为上下文。

3.2 实现一个简单的函数柯里化

我们还可以使用柯里化实现一个复杂函数的简单版本，这个函数能够计算任意数量数字的和。以下的代码示例就展示了如何实现函数的柯里化：

function add() {
  var args = Array.prototype.slice.call(arguments);
  var fn = function() {
    var res = 0;
    for(var i = 0; i < arguments.length; i++) {
      res += arguments[i];
    }
    return res;
  };
  var f = function() {
    args = args.concat(Array.prototype.slice.call(arguments));
    return f;
  };
  f.toString = function() {
    return fn.apply(null, args);
  };
  return f;
}

这个函数首先声明一个args数组，并将传递给函数的所有参数保存到该数组中。然后它定义了一个fn函数，该函数是用于对数字进行累加的预定义函数。为了实现柯里化，我们接着创建一个匿名函数f。在每次执行f时，我们都通过调用concat方法向args数组中添加新传递的参数，并在最后返回f自身，以支持链式调用。最后，我们通过定义f对象的toString方法来返回累加的结果。

总结

函数柯里化是一种函数式编程技巧，它可以让一个函数以多次调用的形式传递多个参数。通过柯里化，我们可以使多个函数参数的传递累加，最终只需要传递一次参数，从而减少冗余代码的编写。本文介绍了JavaScript函数柯里化的相关知识，并提供了两个不同的示例，其中包括一个实现通用的bind()函数的示例，以及一个计算任意数量数字的和的示例。