Currying,中文多翻译为柯里化,感觉这个音译还没有达到类似 Humor 之于幽默的传神地步,后面直接使用 Currying。

什么是 Currying

Currying 是这么一种机制,它将一个接收多个参数的函数,拆分成多个接收单个参数的函数。

考察下面的代码:

function add (a, b) {
return a + b;
} add(3, 4); // returns 7

add 接收两个参数 ab,并返回它们的和 a+b

经过 curry 化处理后,函数成了如下形式:

function add (a) {
return function (b) {
return a + b;
}
}

现在 add 接收一个参数 a,返回另一个接收一个参数 b 的函数。

add(3)(4);

var add3 = add(3);

add3(4);

现在当调用 add(3) 后,得到的不是和,而是另一个接收一个参数的函数,因此,add 的返回可以继续被调用,add(3)(4) 后面的这次调用才会将 4 加到 3 上得到和。

var add3 = add(3) 这样的单次调用,得到的函数效果相当于是将 3 保存在了新函数的闭包中,该函数会对传入的参数加 3。

注意这里提到了将入参 3 保存 到了闭包中后续使用,很容易联想到 Function.prototype.bind(),它就可以对传入的函数提前绑定一些预设的入参:

function.bind(thisArg[, arg1[, arg2[, ...]]])

后面会看到,正因为 bind 和 Currying 有点关系,在实现任意函数的 Currying 化时会用到它。

注意到 Currying 化的定义,其实是将多个参数打散到多个函数中,这个过程可通过代码来自动化,以达到将任意多入参函数进行 Currying 化的目的,后面讨论实现。

偏函数/Partial Application

区别与 Currying,如果在拆分入参的过程中,这些拆分出来的函数不是一次只应用其中的一个,而是任意多个,则这些函数就是部分应用(Parital application)了原函数中的入参,称作偏函数。

考察下面的 add 函数,其实是将前面示例中的 add 入参进行了扩充,由两个增加到四个:

function add(a, b, c, d) {
return a + b + c + d;
}

那么如下的函数就都是偏函数,它们都部分应用了 add 的入参:

function partial1(a) {
return function(c) {
return a + b + c + d;
};
}
function partial2(a, b) {
return function(c, d) {
return a + b + c + d;
};
}
function partial3(a, b, c) {
return function(d) {
return a + b + c + d;
};
}

偏函数中这种入参的拆分和部分应用,并不仅限于一层的拆分,可以是任意多次的:

function partial1(a, b) {
return function partial2(c) {
return function partial3(d) {
return a + b + c + d;
};
};
} partial1(1)(2, 3)(4); // 10

其中,partial1partial2partial3 一起构成了原 add 函数的偏函数。

可以看到,偏函数是 Curring 更加一般(general)的形式,下面看如何实现将任意函数进行 Currying 化,或偏函数化。

将一般化函数进行 Currying 化

我们需要构造这么一个函数假设名叫 curry

function curry(fn){
// 待实现
}

调用 curry 后,我们可以得到原函数 Curry 化后的版本,

function add (a, b) {
return a + b;
} var currified = curry(add);

即上述 currified 应该等效为:

function currified (a) {
return function (b) {
return a + b;
}
}

首先,通过 Function.length 是可以知道一个给定函数其预期的入参个数的。

再加上前面提到的 bind 函数,可以得到如下的实现:

function curry(f) {
return function currify() {
const args = Array.prototype.slice.call(arguments);
return args.length >= f.length ?
f.apply(null, args) :
currify.bind(null, ...args)
}
}

下面测试一下:

function add(a, b) {
return a + b;
} var currified = curry(add); currified(1)(2); // 3

并且以上实现不只是简单的 Currying 化,可以是任意数量和任意次数的 parial application:

function add(a, b, c, d) {
return a + b + c + d;
} var currified = curry(add); currified(1)(2)(3)(4); // 10

currified(1)(2, 3)(4); // 10

currified(1, 2)(3, 4); // 10

总之就是各种形状和(hàn)姿势,各种颜色和(hàn)皮肤的组合。

自动化的 CurryIng 倒是实现了,可说了半天,它具体有什么实用价值。

函数的组合(function composition)

我们知道代数里面可以有函数的组合,譬如:

f(x) = x * x
g(y) = y + 1
g(f(x)) = x * x + 1 g(f(2)) = 2 * 2 + 1 = 5

上述代数表达转成 JavaScript 即:

function f(x) {
return x ** 2;
} function g(y) {

return y + 1;

} g(f(2)) // 5

这里用到了两个函数 fg 联合起来得到一个结果,他们都分别只接收一个入参同时返回一个结果。

像这样只接收一个入参并返回一个结果的函数,便符合组装的需求,可像上面这样自由组合。通过上面的讨论我们知道,任意函数都可经过 Currying 化处理后变成多个只接收单个入参的函数。这就为函数的组合提供了基础。

因此我们可以将 fg 的结合形成一个新的函数,这个函数作为对外的接口被调用即可。

const compose = fn1 => fn2 => input => fn1(fn2(input));

使用:

const myFn = compose(f)(g);
myFn(2); // 5

像上面的 compose 还不够一般化,他只接收两个函数并对其进行结合,下面来看更加一般化的函数组合,将实现接收任意多个函数。

const pipe = (...fns) => input => fns.reduce((mem, fn) => fn(mem), input)

const double = x => x  2

const addOne = x => x + 1

const square = x => x
x pipe(square, double, addOne)(2)

上面的 pipe 将对输入依次应用 入参中的各函数,所以取名 pipe 管道流。

以上,函数的组装。

相关资源

Currying 及应用的更多相关文章

  1. 前端开发者进阶之函数柯里化Currying

    穆乙:http://www.cnblogs.com/pigtail/p/3447660.html 在计算机科学中,柯里化(英语:Currying),又译为卡瑞化或加里化,是把接受多个参数的函数变换成接 ...

  2. 函数式中的 currying

    currying 是函数式语言中经常遇到的一个概念,翻译成 柯里化,不是库里化. currying 指的是将接收多个参数的函数变换成接收一个单一参数,并且返回接收余下的参数而且返回结果的新函数的技术. ...

  3. 函数柯里化(Currying)示例

    ”函数柯里化”是指将多变量函数拆解为单变量的多个函数的依次调用, 可以从高元函数动态地生成批量的低元的函数.可以看成一个强大的函数工厂,结合函数式编程,可以叠加出很BT的能力.下面给出了两个示例,说明 ...

  4. JavaScript中的Partial Application和Currying

    这篇文章是一篇学习笔记,记录我在JS学习中的一个知识点及我对它的理解,知识点和技巧本身并不是我原创的.(引用或参考到的文章来源在文末) 先不解释Partial Application(偏函数应用)和C ...

  5. call, apply && bind, currying

    简要概括: apply(): 将函数作为指定对象的方法来调用,传递给它的是指定的参数数组 ——function.apply(thisobj, args) 或者 function.apply(thiso ...

  6. [Javascript] What is JavaScript Function Currying?

    Currying is a core concept of functional programming and a useful tool for any developer's toolbelt. ...

  7. Function Currying in javascript 的一些注释

    理解函数柯里化(Function Currying ),最关键的是理解下面这个函数: function curry(fn){ var args = Array.prototype.slice.call ...

  8. 浅析 JavaScript 中的 函数 currying 柯里化

    原文:浅析 JavaScript 中的 函数 currying 柯里化 何为Curry化/柯里化? curry化来源与数学家 Haskell Curry的名字 (编程语言 Haskell也是以他的名字 ...

  9. JavaScript函数的柯里化(currying)

    转载请注明出处:http://www.cnblogs.com/shamoyuu/p/currying.html 什么是js函数的currying /柯里化? 说到js的柯里化,相信很多朋友都会头大.或 ...

  10. 函数式编程之-Currying

    这个系列涉及到了F#这门语言,也许有的人觉得这样的语言遥不可及,的确我几乎花了2-3年的时间去了解他:也许有人觉得学习这样的冷门语言没有必要,我也赞同,那么我为什么要花时间去学习呢?作为一门在Tiob ...

随机推荐

  1. Joyful HDU - 5245 概率问题

    Sakura has a very magical tool to paint walls. One day, kAc asked Sakura to paint a wall that looks ...

  2. ZOJ 3876 May Day Holiday

    As a university advocating self-learning and work-rest balance, Marjar University has so many days o ...

  3. 林大妈的JavaScript进阶知识(三):HTML5 History API

    HTML5中新增了History API,它用于管理浏览器路由跳转的一个url栈.History是window对象的一部分,它也是一个对象,因此称它是BOM(类似DOM,Browser Object ...

  4. 从零开始开发IM(即时通讯)服务端(二)

    好消息:IM1.0.0版本已经上线啦,支持特性: 私聊发送文本/文件 已发送/已送达/已读回执 支持使用ldap登录 支持接入外部的登录认证系统 提供客户端jar包,方便客户端开发 github链接: ...

  5. Spring Boot2 系列教程(五)Spring Boot中的 yaml 配置

    搞 Spring Boot 的小伙伴都知道,Spring Boot 中的配置文件有两种格式,properties 或者 yaml,一般情况下,两者可以随意使用,选择自己顺手的就行了,那么这两者完全一样 ...

  6. jstat虚拟机统计信息监视工具

    jstsat(JVM Statistics Monitoring Tool) jstat用于监视虚拟机各种运行状态信息的命令工具.可以显示本地或者远程虚拟机进程中的类装载.内存.垃圾收集.JIT编译等 ...

  7. Spring Boot 多环境如何配置

    Spring Boot 开发环境.测试环境.预生产环境.生产环境多环境配置 通常一个公司的应程序可能在开发环境(dev).测试环境(test).生产环境(prod)中运行.那么是不是需要拷贝不同的安装 ...

  8. jvm内存溢出问题的定位方法

    jvm内存溢出问题的定位方法 今天给大家带来JVM体验之内存溢出问题的定位方法. 废话不多说直接开始: 一.Java堆溢出 测试代码如下: import java.util.*; public cla ...

  9. 获取contenteditable区域光标所在位置信息

    在我们使用contenteditable编辑时,有时需要光标位置的信息. <div contenteditable="true" style="min-height ...

  10. Vue学习之如何进行调试

    调试方法 vue调式方法,浏览器检查元素进入到console 1.console.log() 2.alert('sd') 3.debugger //程序会运行到这里停止 ![](https://img ...