技术学院

JavaScript函数式编程_柯里化与组合

作者:betcha2025-11-18 00:00:00

柯里化是将多参数函数转换为单参数函数序列的技术，支持参数复用；组合通过pipe或compose连接函数实现声明式逻辑。两者结合可提升代码抽象性与可读性，如用curry和pipe实现filter(isEven)与map(addOne)的链式处理，使代码更简洁、易维护。

函数式编程强调纯函数、不可变数据和函数的高阶使用。在JavaScript中，柯里化（Currying）与组合（Composition）是两个核心技巧，它们让代码更灵活、可复用且易于测试。

什么是柯里化？

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

例如，原本调用 add(a, b, c) 可以变成 add(a)(b)(c)。

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

使用示例：

const sum = (a, b, c) => a + b + c;
const curriedSum = curry(sum);
curriedSum(1)(2)(3); // 6
curriedSum(1, 2)(3); // 6
curriedSum(1)(2, 3); // 6

柯里化的好处在于参数复用。比如创建偏应用函数：

const addTen = curriedSum(10);
addTen(5)(3); // 18

函数组合：把小函数拼成大功能

组合是指将多个函数连接起来，前一个函数的输出作为下一个函数的输入。数学上表示为：f(g(x))。

在JavaScript中，我们可以写一个 compose 函数从右到左执行：

function compose(...fns) {
  return function (value) {
    return fns.reverse().reduce((acc, fn) => fn(acc), value);
  };
}

或从左到右的 pipe 更符合阅读习惯：

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

举个实际例子：处理用户输入字符串，去空格、转大写、加前缀。

const trim = str => str.trim();
const toUpperCase =

str => str.toUpperCase();
const addPrefix = str => `HELLO, ${str}`;

const processInput = pipe(trim, toUpperCase, addPrefix);
processInput(" john "); // "HELLO, JOHN"

组合的优势是声明式编码，逻辑清晰，每个函数职责单一，便于测试和维护。

柯里化 + 组合：强大的函数构造方式

两者结合能写出高度抽象又可读的代码。比如我们想筛选数组中的偶数并加1：

const filter = curry((fn, arr) => arr.filter(fn));
const map = curry((fn, arr) => arr.map(fn));
const isEven = n => n % 2 === 0;
const addOne = n => n + 1;

然后组合使用：

const processNumbers = pipe(
filter(isEven),
map(addOne)
);

processNumbers([1, 2, 3, 4, 5]); // [3, 5]

这种风格避免了中间变量，代码表达的是“做什么”而不是“怎么做”。

基本上就这些。柯里化让你的函数更灵活，组合让你的逻辑更清晰。两者都是函数式编程的基石，在日常开发中适度使用，能让代码更健壮、易读。不复杂但容易忽略。

上一篇丨

1688义乌市场线上入口 1688全国批发源头货访问地址

下一篇丨

AO3中文版网页入口 AO3镜像网站快速访问入口

全国咨询热线： 400-8878-609

新闻资讯

技术学院

JavaScript函数式编程_柯里化与组合

什么是柯里化？

函数组合：把小函数拼成大功能

柯里化 + 组合：强大的函数构造方式

联系我们