17370845950

JavaScript函数式编程_柯里化与组合函数实践
柯里化将多参函数转化为单参函数链,实现参数预填;函数组合通过pipe或compose串联函数,数据流清晰。二者结合提升代码复用性与模块化,适用于数据转换等场景。

函数式编程在JavaScript中越来越受欢迎,因为它提倡纯函数、不可变数据和声明式代码,让程序更易读、可测试且副作用更少。在众多函数式编程技巧中,柯里化(Currying)函数组合(Function Composition)是两个核心概念,它们能极大提升代码的复用性和表达力。

什么是柯里化?

柯里化是将一个接收多个参数的函数转换为一系列只接受单个参数的函数的技术。每次调用返回一个新的函数,直到所有参数都被收集完毕,最终执行原函数。

例如,原本调用方式为 add(a, b, c),柯里化后可以写成 add(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));
      };
    }
  };
}

使用示例:

const add = (a, b, c) => a + b + c;
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

柯里化的好处在于参数预填充。你可以创建部分应用的函数,提高复用性。

  • 比如固定第一个参数为 10:const addTen = curriedAdd(10)
  • 之后调用 addTen(2)(3) 得到 15

函数组合:把小函数串成流水线

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

在JavaScript中,我们可以从右到左或从左到右进行组合。

实现一个从右到左的组合函数(常用):

const compose = (...fns) => (value) =>
  fns.reduceRight((acc, fn) => fn(acc), value);

从左到右的组合(更符合阅读习惯):

const pipe = (...fns) => (value) =>
  fns.reduce((acc, fn) => fn(acc), value);

举个实际例子:我们想对一段文本进行处理——转小写、去除空格、加前缀。

const toLowerCase = str => str.toLowerCase();
const removeSpaces = str => str.replace(/\s+/g, '');
const addPrefix = str => `processed_${str}`;

const processText = pipe(toLowerCase, removeSpaces, addPrefix);

console.log(processText(" Hello World ")); // processed_helloworld

这种链式结构清晰表达了数据的流动过程,避免了中间变量,也更容易测试每个小函数。

柯里化与组合结合使用

真正强大的地方在于将柯里化与函数组合结合。通过柯里化构造灵活的小函数,再用组合串联它们。

例如,构建一个通用的字符串替换函数:

const replace = curry((pattern, replacement, str) =>
  str.replace(pattern, replacement)
);

const toDash = replace(/\s+/g, '-');
const toUnderscore = replace(/\s+/g, '_');

const cleanAndHyphenate = pipe(
  str => str.trim(),
  toLowerCase,
  toDash
);

console.log(cleanAndHyphenate("  Hello JavaScript World  ")); // hello-javascript-world

这里 replace 被柯里化后,可以方便地创建专用函数。整个流程通过 pipe 组合,逻辑清晰,易于扩展。

这样的模式在处理数据转换、表单校验、日志处理等场景非常实用。

基本上就这些。柯里化让你“配置”函数,组合让你“连接”函数。两者结合,写出的代码更简洁、模块化更强,也更接近函数式编程的本质。不复杂但容易忽略。