首页 > web前端 > js教程 > 正文

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

betcha
发布: 2025-11-18 19:03:05
原创
145人浏览过
柯里化是将多参数函数转换为单参数函数序列的技术,支持参数复用;组合通过pipe或compose连接函数实现声明式逻辑。两者结合可提升代码抽象性与可读性,如用curry和pipe实现filter(isEven)与map(addOne)的链式处理,使代码更简洁、易维护。

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

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

什么是柯里化?

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

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

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

立即学习Java免费学习笔记(深入)”;

function curry(fn) {
  if (typeof fn !== 'function') throw new Error('需要函数');
  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 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 函数从右到左执行:

PHP的使用技巧集
PHP的使用技巧集

PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法。它可以比 CGI或者Perl更快速的执行动态网页。用PHP做出的动态页面与其他的编程语言相比,PHP是将程序嵌入到HTML文档中去执行,执行效率比完全生成HTML标记的CGI要高许多。下面介绍了十个PHP高级应用技巧。 1, 使用 ip2long() 和 long2ip() 函数来把 IP 地址转化成整型存储到数据库里

PHP的使用技巧集 440
查看详情 PHP的使用技巧集
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]

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

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

以上就是JavaScript函数式编程_柯里化与组合的详细内容,更多请关注php中文网其它相关文章!

编程速学教程(入门课程)
编程速学教程(入门课程)

编程怎么学习?编程怎么入门?编程在哪学?编程怎么学才快?不用担心,这里为大家提供了编程速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号