Javascript柯里化和反柯里化：你必须掌握的函数编程技巧

2023-05-11 15:50:35

JavaScript中的柯里化和反柯里化：函数编程的超级力量

柯里化：函数的超强变形术

想象一下，你有一个名为add的函数，它计算两个数字的和。然而，如果你想计算更多数字的和，比如三个或四个呢？

这就是柯里化的用武之地。柯里化将一个多参数函数转换为一系列单参数函数，让你可以将一个函数拆分成多个更小的函数，每个函数只处理一个参数。

例如，我们可以将add函数柯里化如下：

function addCurried(a) {
  return function(b) {
    return a + b;
  };
}

现在，我们可以这样使用这个柯里化函数：

const add3 = addCurried(1);
console.log(add3(2)); // 输出：3

const add5 = addCurried(3);
console.log(add5(2)); // 输出：5

反柯里化：还原函数的本来面目

反柯里化是柯里化的逆向操作，它将一个柯里化函数还原为一个多参数函数。

我们可以将addCurried函数反柯里化如下：

function uncurryAdd(addCurried) {
  return function(a, b) {
    return addCurried(a)(b);
  };
}

现在，我们可以这样使用这个反柯里化函数：

const add = uncurryAdd(addCurried);
console.log(add(1, 2)); // 输出：3

柯里化和反柯里化的应用场景

柯里化和反柯里化在JavaScript中有着广泛的应用，包括：

事件处理： 柯里化可以让你轻松地为不同的事件类型创建事件处理函数。
数据绑定： 柯里化可以让你轻松地将数据绑定到UI组件。
函数组合： 柯里化可以让你轻松地将多个函数组合成一个新的函数。

函数柯里化：优雅而简洁

通过将函数柯里化，我们可以减少传递的参数数量，让代码更加简洁优雅。例如：

const filterGreaterThan5 = arr => arr.filter(x => x > 5);
const filterGreaterThan10 = filterGreaterThan5(10);
const result = filterGreaterThan10([1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]);
console.log(result); // 输出：[6, 7, 8, 9, 10, 11]

函数部分应用：提前设置参数

柯里化还允许我们进行函数部分应用，即将函数的部分参数预先设置好，形成一个新的函数，这样在调用新函数时只需传递剩下的参数即可。例如：

const add10 = addCurried(10);
const result = add10(5);
console.log(result); // 输出：15

闭包：访问外部作用域的变量

柯里化可以帮助我们创建闭包，从而可以访问外部作用域的变量。例如：

const createCounter = () => {
  let count = 0;
  return () => {
    return ++count;
  };
};
const counter1 = createCounter();
const counter2 = createCounter();
console.log(counter1()); // 输出：1
console.log(counter1()); // 输出：2
console.log(counter2()); // 输出：1