万物皆可柯里化的Ramda.js及传参详解

2024-12-23 07:48:33

引言

我们前段时间写过好几篇关于 RxJS 的文章，RxJS api 操作符理解起来确实比较复杂，RxJS 是函数式编程中的 lodash 库，它消除了“时序”而带来的困扰，它核心思想是：函数式 + 响应式。

本篇，要讲的不是 RxJS，而是另外一个函数式编程库 Ramda.js ，它同样也可以与 loadsh 对比理解，不过它的设计思路又不同了，它最大的特点是：所有函数都可以柯里化传参！以此来践行函数式编程思想。

往下看，后面我们就能明白：Ramda 所有 Api 都能柯里化的意义所在。

Function first，Data last

在 lodash 中，我们是这样写的，

var square = n =&gt; n * n;
_.map([4, 8], square)

参数在前，执行函数在后。

而在 Ramda 中，强调：函数在前，参数在后。

这样做有什么好处呢？

就是为了更好实现：柯里化。柯里化只需要参数一个一个的在后追加

var R = require('ramda');
R.map(square, [4, 8])
// 等同于
var R = require('ramda');
R.map(square)([4, 8])

再举个栗子：

var R = require('ramda');
const odd = x =&gt; x%2 === 1
const data = [3, 5, 6];
R.filter(odd, data); // [3, 5]
// 等同于
R.filter(odd)(data); // [3, 5]
// 也可以延迟调用
const filter1 = R.filter(odd);
// filter1 等待参数的传入
// 后续再传入 data
const filter2 = filter1(data)

如果不借用 Ramda.js , 需要自行实现柯里化，就会显得麻烦：

const _curry = f =&gt; a =&gt; b =&gt; f(a, b)
const odd = x =&gt; x%2 === 1
const _filter = _curry( (fn, arr) =&gt; arr.filter(fn) );
_filter(odd)([3,5,6]) // [3, 5]

Ramda 非常强调：R.api(fn, data) 这样的范式；

API

来看看 Ramda 有哪些神奇的、好用的、常用的 API~

map 让每个成员依次执行通过某个函数；

const double = x =&gt; x * 2;
R.map(double, [1, 2, 3]); //=&gt; [2, 4, 6]
R.map(double, {x: 1, y: 2, z: 3}); //=&gt; {x: 2, y: 4, z: 6}

filter

用于过滤；

const isEven = n =&gt; n % 2 === 0;
R.filter(isEven, [1, 2, 3, 4]); //=&gt; [2, 4]
R.filter(isEven, {a: 1, b: 2, c: 3, d: 4}); //=&gt; {b: 2, d: 4}

求和；

R.add(2, 3);       //=&gt;  5
R.add(7)(10);      //=&gt; 17

multiply

求积；

R.multiply(2)(5)  // 10

compose

函数组合，从右到左；

R.compose(Math.abs, R.add(1), R.multiply(2))(-4)
// |-4*2 + 1|，等于 7

pipe

函数组合，从左到右；

var negative = x =&gt; -1 * x;
var increaseOne = x =&gt; x + 1;
var f = R.pipe(Math.pow, negative, increaseOne)(3,4);
// -(3^4) + 1 ，等于 -80

curry

将多个参数转换为单个参数

const addFourNumbers = (a, b, c, d) =&gt; a + b + c + d;
const curriedAddFourNumbers = R.curry(addFourNumbers);
curriedAddFourNumbers(1, 2)(3)(4)

Ramda 还有其它丰富的 api，也可以结合 compose/pipe 自定义特定功能函数，用这些方法来简化程序，让代码变成函数式风格；

以上的例子都可在 jsrun.net/DTNKp/edit 可以在线运行测试；

更多 Ramda api 可见文档：ramda.cn/

以上就是万物皆可柯里化的Ramda.js详解的详细内容，更多关于柯里化Ramda.js的资料请关注我们其它相关文章！

js函数柯里化的方法和作用实例分析

本文实例讲述了js函数柯里化的方法和作用.分享给大家供大家参考,具体如下: 函数柯里化的方法: 1,利用数组的reduce方法可实现柯里化,具体参见我的另外一篇文章 2,代码如下 const curry = (fn, ...args) =>{ console.log('args',args) // console.log(fn.length,args.length) return args.length < fn.length // 参数长度不足时,重新柯里化该函数,等待接受新参数 ? (..
前端JavaScript彻底弄懂函数柯里化curry

目录一.什么是柯里化( curry) 二.柯里化的用途三.如何封装柯里化工具函数一.什么是柯里化( curry) 在数学和计算机科学中,柯里化是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术. 举例来说,一个接收3个参数的普通函数,在进行柯里化后, 柯里化版本的函数接收一个参数并返回接收下一个参数的函数, 该函数返回一个接收第三个参数的函数. 最后一个函数在接收第三个参数后, 将之前接收到的三个参数应用于原普通函数中,并返回最终结果. 数学和计算科学中的柯里化: // 数
JavaScript函数柯里化实现原理及过程

简介当我们在读Vue源码到时候会发现,在它的 _update 实例中就用到了函数柯里化,(createPatchFunction方法)有兴趣的可以去看一下. 柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术. 在<Mostly adequate guide>中,这样总结了 Currying --只传递给函数一部分参数来调用它,让它返回一个函数去处理剩下的参数. Currying 是函数式编
ES6如何用一句代码实现函数的柯里化

柯里化是干什么的?首先看看下面这个函数 let store = (a,b,c) => "这是你的七仔面" //函数就好像一个小卖部,一碗七仔面要三张软妹币:a,b,c (五个参数) 那函数柯里化是什么?就是我们买面吃的过程可能是这样: let curryStore = curry(store) //刚刚的小卖部被柯里化了 //最佳状况 curryStore(1,5,1)// 老板,刚好!不用找了,刚好七块钱.老板: "这是你的七仔面" //偶尔出现的情况 le
万物皆可柯里化的Ramda.js及传参详解

目录引言 Function first,Data last API 引言我们前段时间写过好几篇关于 RxJS 的文章,RxJS api 操作符理解起来确实比较复杂,RxJS 是函数式编程中的 lodash 库,它消除了“时序”而带来的困扰,它核心思想是:函数式 + 响应式. 本篇, 要讲的不是 RxJS,而是另外一个函数式编程库 Ramda.js ,它同样也可以与 loadsh 对比理解,不过它的设计思路又不同了,它最大的特点是:所有函数都可以柯里化传参!以此来践行函数式编程思想. 往下看,
深入剖析JavaScript中的函数currying柯里化

curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字命名). 柯里化通常也称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果. 因此柯里化的过程是逐步传参,逐步缩小函数的适用范围,逐步求解的过程. 柯里化一个求和函数按照分步求值,我们看一个简单的例子 var concat3Words = function (a, b, c) { r
详解JS中的柯里化(currying)

何为Curry化/柯里化? curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字命名). 柯里化通常也称部分求值,其含义是给函数分步传递参数,每次传递参数后部分应用参数,并返回一个更具体的函数接受剩下的参数,这中间可嵌套多层这样的接受部分参数函数,直至返回最后结果. 因此柯里化的过程是逐步传参,逐步缩小函数的适用范围,逐步求解的过程. 柯里化一个求和函数按照分步求值,我们看一个简单的例子 var concat3Words = function (
JS中精巧的自动柯里化实现方法

以下内容通过代码讲解和实例分析了JS中精巧的自动柯里化实现方法,并分析了柯里化函数的基础用法和知识,学习一下吧. 什么是柯里化? 在计算机科学中,柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术.这个技术由 Christopher Strachey 以逻辑学家 Haskell Curry 命名的,尽管它是 Moses Schnfinkel 和 Gottlob Frege 发明的. 理论看着头大?没
javascript实现函数柯里化与反柯里化过程解析

函数柯里化(黑人问号脸)???Currying(黑人问号脸)???妥妥的中式翻译既视感:下面来一起看看究竟什么是函数柯里化: 维基百科的解释是:把接收多个参数的函数变换成接收一个单一参数(最初函数的第一个参数)的函数,并返回接受剩余的参数而且返回结果的新函数的技术.其由数学家Haskell Brooks Curry提出,并以curry命名. 概念往往都是干涩且难懂的,让我们用人话来解释就是:如果我们不确定这个函数有多少个参数,我们可以先给它传入一个参数,然后通过JS闭包(如若不懂JS闭包,请先学
通过实例了解Javascript柯里化流程

函数式编程是一种如今比较流行的编程范式,它主张将函数作为参数进行传递,然后返回一个没有副作用的函数,说白了,就是希望一个函数只做一件事情. 像Javascript,Haskell,Clojure等编程语言都支持函数式编程. 这种编程思想涵盖了三个重要的概念: 纯函数柯里化高阶函数而这篇文章主要是想向大家讲清楚柯里化这个概念. 什么是柯里化首先我们先来看一个例子: function sum(a, b, c) { return a + b + c; } // 调用 sum(1, 2, 3);
Javascript柯里化实现原理及作用解析

函数式编程是一种如今比较流行的编程范式,它主张将函数作为参数进行传递,然后返回一个没有副作用的函数,说白了,就是希望一个函数只做一件事情. 像JavaScript,Haskell,Clojure等编程语言都支持函数式编程. 这种编程思想涵盖了三个重要的概念: 纯函数柯里化高阶函数而这篇文章主要是想向大家讲清楚柯里化这个概念. 什么是柯里化首先我们先来看一个例子: function sum(a, b, c) { return a + b + c; } // 调用 sum(1, 2, 3);
怎样用Javascript实现函数柯里化与反柯里化

函数柯里化(黑人问号脸)???Currying(黑人问号脸)???妥妥的中式翻译既视感:下面来一起看看究竟什么是函数柯里化: 维基百科的解释是:把接收多个参数的函数变换成接收一个单一参数(最初函数的第一个参数)的函数,并返回接受剩余的参数而且返回结果的新函数的技术.其由数学家Haskell Brooks Curry提出,并以curry命名. 概念往往都是干涩且难懂的,让我们用人话来解释就是:如果我们不确定这个函数有多少个参数,我们可以先给它传入一个参数,然后通过JS闭包(如若不懂JS闭包,请先学
javascript中利用柯里化函数实现bind方法

柯理化函数思想:一个js预先处理的思想:利用函数执行可以形成一个不销毁的作用域的原理,把需要预先处理的内容都储存在这个不销毁的作用域中,并且返回一个小函数,以后我们执行的都是小函数,在小函数中把之前预先存储的值进行相关的操作处理即可: 柯里化函数主要起到预处理的作用: bind方法的作用:把传递进来的callback回调方法中的this预先处理为上下文context; /** * bind方法实现原理1 * @param callback [Function] 回调函数 * @param con
JavaScript函数柯里化原理与用法分析

本文实例讲述了JavaScript函数柯里化原理与用法.分享给大家供大家参考,具体如下: 柯里化是这样的一个转换过程,把接受多个参数的函数变换成接受一个单一参数(译注:最初函数的第一个参数)的函数,如果其他的参数是必要的,返回接受余下的参数且返回结果的新函数. 也就是说是固定部分参数,返回一个接受剩余参数的函数,也称为部分计算函数,目的是为了缩小适用范围,创建一个针对性更强的函数. 例如,我想创建一个做自我介绍的函数,每个人只要输入自己姓名.性别.年龄即可.但是当A使用这个函数时,每次调用,都必

万物皆可柯里化的Ramda.js及传参详解

目录

引言

Function first，Data last

API

相关推荐

随机推荐