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

站长资源 2024/11/28 佚名

2 0 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 一个闭包，所以造成了这一微小的差距。

                                
                                
                                    JS,自动柯里化

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

评论“JS中精巧的自动柯里化实现方法”

暂无评论...

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

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

而博主@定焦数码爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？
根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

2024年11月28日

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

Vue2.0学习之详解Vue 组件及父子组件通信

Vue2.0 slot分发内容与props验证的方法

评论“JS中精巧的自动柯里化实现方法”

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

更新日志

友情链接