柯里化与组合的JS实现技巧

本文深入探讨了JavaScript中函数式编程的两大核心概念：柯里化与组合。**柯里化**，即将多参数函数转换为一系列单参数函数链，使函数调用更加灵活。文章提供了通用的柯里化函数实现，并附有示例，展示了如何将普通函数转化为柯里化函数。**函数组合**，则是将多个函数连接起来，形成一条数据处理流水线，提升代码可读性和复用性。文章分别介绍了从右到左的`compose`和从左到右的`pipe`两种组合方式，并结合实际场景，展示了柯里化与组合如何协同工作，构建清晰、可维护的函数式代码。掌握柯里化与组合，能有效提升JavaScript代码的质量和开发效率。

柯里化将多参函数转化为单参函数链，组合通过pipe或compose连接函数，实现逻辑清晰、可复用的函数式编程。

在JavaScript中，柯里化和组合是函数式编程的两个核心概念，它们能提升代码的可读性与复用性。下面分别介绍如何实现。

什么是柯里化（Currying）

柯里化是将一个接收多个参数的函数转换为一系列只接受单个参数的函数。每次调用返回一个新的函数，直到所有参数都被传入并执行最终逻辑。

例如，把 f(a, b, c) 变成 f(a)(b)(c)。

实现一个通用的柯里化函数：

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

使用示例：

function add(a, b, c) {
  return a + b + c;
}
<p>const curriedAdd = curry(add);
console.log(curriedAdd(1)(2)(3)); // 6
console.log(curriedAdd(1, 2)(3)); // 6
console.log(curriedAdd(1)(2, 3)); // 6
</p>

什么是函数组合（Composition）

函数组合是指将多个函数连接起来，前一个函数的输出作为下一个函数的输入。通常从右到左执行（数学中的 f ∘ g）。

实现一个从右到左的组合函数：

function compose(...functions) {
  return function (value) {
    return functions.reduceRight((acc, fn) => fn(acc), value);
  };
}

实现一个从左到右的组合函数（更符合阅读习惯）：

function pipe(...functions) {
  return function (value) {
    return functions.reduce((acc, fn) => fn(acc), value);
  };
}

使用示例：

const toUpper = str => str.toUpperCase();
const exclaim = str => str + '!';
const greet = str => `Hello, ${str}`;
<p>const welcome = pipe(toUpper, exclaim, greet);
console.log(welcome('world')); // "Hello, WORLD!"
</p>

结合柯里化与组合的实用场景

两者结合可以构建高度可复用的函数链。比如处理数据流：

const map = curry((fn, array) => array.map(fn));
const filter = curry((fn, array) => array.filter(fn));
const reduce = curry((fn, init, array) => array.reduce(fn, init));
<p>const isEven = n => n % 2 === 0;
const double = n => n * 2;
const sum = (a, b) => a + b;</p><p>const processNumbers = pipe(
filter(isEven),
map(double),
reduce(sum, 0)
);</p><p>console.log(processNumbers([1, 2, 3, 4, 5, 6])); // (2<em>2) + (4</em>2) + (6*2) = 24
</p>

基本上就这些。柯里化让函数更灵活，组合让逻辑更清晰。两者配合使用，能让JavaScript代码更具函数式风格，也更容易测试和维护。

到这里，我们也就讲完了《柯里化与组合的JS实现技巧》的内容了。个人认为，基础知识的学习和巩固，是为了更好的将其运用到项目中，欢迎关注golang学习网公众号，带你了解更多关于的知识点！