什么是柯里化函数？JavaScript 中有哪些使用场景？ - 前端面试题

柯里化（Currying）是一种在函数式编程中常见的技巧。它是指将一个多参数的函数转换成多个单参数（或较少参数）函数的序列。这样做的主要目的是参数复用、提前确认和延迟执行等。

定义

以 JavaScript 为例，柯里化的一个基本定义可以是这样的：

javascript
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));
      }
    }
  };
}

这个 curry 函数接收一个函数 fn 作为参数，并返回一个新的函数 curried。新函数检查接收的参数数量，如果足够执行原函数，则直接执行；如果不够，则返回一个新的函数，等待接收更多的参数。

使用场景

参数复用：当你有一个函数需要多次调用，但是某些参数在这些调用中是不变的时候，可以通过柯里化创建特定的函数，只传入剩下的参数。例如，如果你有一个 add 函数，可以创建一个 addFive 函数，它将一个数与5相加。
```
javascript
function add(a, b) {
  return a + b;
}
const addFive = curry(add)(5);
addFive(10); // 返回 15
```
延迟计算/执行：柯里化允许你将多个参数的获取分散到多个步骤中。只有当所有需要的参数都被提供后，函数才会被执行。这在需要等待某些数据才能执行操作的情况下非常有用。例如，如果一个函数需要从几个不同的数据源获取数据，可以将每个数据源的结果逐一传入柯里化函数中。

动态生成函数：可以动态地生成需要的函数。在处理事件监听或者回调函数的时候，如果某些参数是已知的，可以通过柯里化生成一个新的函数，而无需重新定义函数体。

javascript
const on = curry(function(eventType, element, callback) {
  element.addEventListener(eventType, callback);
});
const onClick = on('click');
onClick(document.getElementById('myButton'), () => console.log('Button clicked!'));

函数组合：在函数式编程中，柯里化可以帮助实现函数组合。通过柯里化，可以轻松地将一个函数的输出作为另一个函数的输入。这在创建数据流和中间件等链式操作时非常有用。

javascript
const compose = (f, g) => (a) => f(g(a));
const multiplyBy2 = (n) => n * 2;
const addTen = (n) => n + 10;
const multiplyBy2AndAddTen = compose(addTen, multiplyBy2);
multiplyBy2AndAddTen(5); // 返回 20

总之，柯里化是一种强大的函数式编程技术，它在 JavaScript 中可以用于创建更灵活和可重用的代码。通过柯里化，可以更容易地实现参数复用、延迟执行和高阶函数构建等高级编程模式。