华山资源网

JS中精巧的自动柯里化实现方法
网络编程 2024/11/14 佚名
3 1

以下内容通过代码讲解和实例分析了JS中精巧的自动柯里化实现方法，并分析了柯里化函数的基础用法和知识，学习一下吧。

什么是柯里化？

在计算机科学中，柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数且返回结果的新函数的技术。这个技术由 Christopher Strachey 以逻辑学家 Haskell Curry 命名的，尽管它是 Moses Schnfinkel 和 Gottlob Frege 发明的。

理论看着头大？没关系，先看看代码：

柯里化应用

假设我们需要实现一个对列表元素进行某种处理的功能，比如说让列表内每一个元素加一，那么很容易想到：

const list = [0, 1, 2, 3];
list.map(elem => elem + 1);

很简单是吧？如果又要加2呢？

const list = [0, 1, 2, 3];
list.map(elem => elem + 1);
list.map(elem => elem + 2);

看上去效率有点低，处理函数封装下？

可是map的回调函数只接受当前元素 elem 这一个参数，看上去好像没有办法封装...

你也许会想：如果能拿到一个部分配置好的函数就好了，比如说：

// plus返回部分配置好的函数
const plus1 = plus(1);
const plus2 = plus(2);
plus1(5); // => 6
plus2(7); // => 9

把这样的函数传进map：

const list = [0, 1, 2, 3];
list.map(plus1); // => [1, 2, 3, 4]
list.map(plus2); // => [2, 3, 4, 5]

是不是很棒棒？这样一来不管是加多少，只需要list.map(plus(x))就好了，完美实现了封装，可读性大大提高！

不过问题来了：这样的plus函数要怎么实现呢？

这时候柯里化就能派上用场了：

柯里化函数

// 原始的加法函数
function origPlus(a, b) {
 return a + b;
}
// 柯里化后的plus函数
function plus(a) {
 return function(b) {
  return a + b;
 }
}
// ES6写法
const plus = a => b => a + b;

可以看到，柯里化的 plus 函数首先接受一个参数 a，然后返回一个接受一个参数 b 的函数，由于闭包的原因，返回的函数可以访问到父函数的参数 a，所以举个例子：const plus2 = plus(2)就可等效视为function plus2(b) { return 2 + b; }，这样就实现了部分配置。

通俗地讲，柯里化就是一个部分配置多参数函数的过程，每一步都返回一个接受单个参数的部分配置好的函数。一些极端的情况可能需要分很多次来部分配置一个函数，比如说多次相加:

multiPlus(1)(2)(3); // => 6

这种写法看着很奇怪吧？不过如果入了JS的函数式编程这个大坑的话，这会是常态。

JS中自动柯里化的精巧实现

柯里化（Currying）是函数式编程中很重要的一环，很多函数式语言（eg. Haskell）都会默认将函数自动柯里化。然而JS并不会这样，因此我们需要自己来实现自动柯里化的函数。

先上代码：

// ES5
function curry(fn) {
 function _c(restNum, argsList) {
  return restNum === 0 "htmlcode">



function(x) {
 return _c(restNum - 1, argsList.concat(x));
}





来继续接收参数。这里形成了一个尾递归，函数接受了一个参数后，剩余需要参数数量 restNum 减一，并将新参数 x 加入 argsList 后传入 _c 进行递归调用。结果就是，当参数数量不足时，返回负责接收新参数的单参数函数，当参数够了时，就调用原函数并返回。


现在再来看：





function curry(fn) {
 function _c(restNum, argsList) {
  return restNum === 0 "htmlcode">



// ES6
const curry = fn => {
 const _c = (restNum, argsList) => restNum === 0 "htmlcode">



function curry(fn) {
 const len = fn.length;
 return function judge(...args1) {
  return args1.length >= len "htmlcode">



console.time("curry");
const plus = curry((a, b, c, d, e) => a + b + c + d + e);
plus(1)(2)(3)(4)(5);
console.timeEnd("curry");





在我的电脑（Manjaro Linux，Intel Xeon E5 2665，32GB DDR3 四通道1333Mhz，Node.js 9.2.0）上：


本篇提到的方法耗时约 0.325ms




其他方法的耗时约 0.345ms




差的这一点猜测是闭包的原因。由于闭包的访问比较耗性能，而这种方式形成了两个闭包：fn 和 len，前面提到的方法只形成了 fn 一个闭包，所以造成了这一微小的差距。


                                

                                

                                     

                                
华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？

根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com