详解用场景去理解函数柯里化(入门篇)

详解用场景去理解函数柯里化(入门篇)完整攻略

什么是函数柯里化？

函数柯里化是一种将具有 n 个参数的函数转换成只接受一个参数的函数，并返回一个新函数的技术。这个新函数会接受剩余的参数并返回结果。这个过程就像为函数的第一个参数绑定值一样，常用的方式是使用闭包保存参数和状态，再通过函数的多次调用形成链式调用的效果。

柯里化的优势和适用场景

函数柯里化可以让你更加灵活地使用函数，因为它可以先给函数传递一些参数，然后在后面的调用中只需要传剩下的参数。这样也可以延迟函数的执行，更加灵活地控制代码的执行流程。函数柯里化在实际开发中经常用于以下场景：

1. 参数复用和多次调用：当一个函数需要被多次调用，并且每次需要使用相同的一些参数时，可以预先绑定这些参数并返回一个新函数，这样在后续的调用中就可以省略这些已经确定的参数了。
2. 延迟执行：当一个函数需要等待多个异步事件完成后才能执行时，可以使用柯里化将函数先保存起来，然后在每个异步事件完成后调用这个函数，这样可以在异步事件结束后依次执行这些事件的回调函数。

如何实现函数柯里化？

函数柯里化的实现方法多种多样，这里我们介绍其中一种常见方法，即使用闭包和递归来实现函数柯里化。以下是一个简单的例子：

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

在这个例子中，我们定义了一个 curry 函数，它接受一个函数作为参数，并返回一个新函数。这个新函数在第一次调用时接收部分参数，并返回一个闭包函数。这个闭包函数又接收一些参数，和之前的参数合并后再次返回一个新的闭包函数，直到传入的参数个数等于原函数的参数个数为止，然后执行原函数并返回结果。

示例

示例1：参数复用和多次调用

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

const addCurry = curry(add);

const addFunc = addCurry(1, 2);  // 返回一个新函数

const result1 = addFunc(3);  // 6
const result2 = addFunc(4);  // 7

在这个例子中，我们定义了一个 add 函数，它接收 3 个参数并返回它们的和。然后我们通过 curry 函数将 add 函数柯里化，得到一个新函数 addCurry。在第一次调用 addCurry 时，我们传入部分参数 1 和 2，并得到一个新函数 addFunc。然后我们可以在后续的调用中只传递剩下的一个参数，每次都会使用之前传入的参数和新传入的参数求和，并返回结果。

示例2：延迟执行

function ajax(url, method, data) {
  return new Promise((resolve, reject) => {
    //...
  })
}

const ajaxCurry = curry(ajax);

const postAjax = ajaxCurry('http://localhost:3000/users', 'POST');

const user = { name: '张三', age: 18 };

postAjax(JSON.stringify(user)).then((result) => {
  console.log(result);
});

在这个例子中，我们定义了一个 ajax 函数，它接收 3 个参数并返回一个 Promise 对象。然后我们通过 curry 函数将 ajax 函数柯里化，得到一个新函数 ajaxCurry。在第一次调用 ajaxCurry 时，我们传入部分参数 url 和 method，并得到一个新函数 postAjax。然后我们可以在后续的调用中只传递剩下的一个参数 data，并在 data 准备好后调用 postAjax 函数发送请求。这样就可以实现在异步事件完成后依次执行事件的回调函数。