10.curry 方法

ゝ一世哀愁。 2022-10-10 11:22 79阅读 0赞

**使用方便有用的方法，以减少代码行数，提高我们的工作效率，增加我们的摸鱼时间。**

**curry 方法**

功能：柯里化一个函数。

const curry = (fn, arity = fn.length, ...args) =>
      arity <= args.length ? fn(...args) : curry.bind(null, fn, arity, ...args);

说明一下：

*  使用递归
 *  如果提供的参数（`args`）的数量足够，则调用传递的函数`fn`。
 *  否则，使用`function.prototype.bind()`返回一个 curry 过的函数`fn`，该函数期望得到其余的参数。
 *  如果我们想要 curry 一个接受可变参数数量的函数(一个可变参数函数，例如`Math.min()`)，我们可以选择将参数数量传递给第二个形参。

有点抽象，直接 看下示例：

curry(Math.pow)(2)(10); // 1024
    curry(Math.min, 3)(10)(50)(2); // 2

看完示例可能更懵了，这是什么鬼？

首先，我们先看 `curry(Math.pow)(2)(10)`，

执行 `curry(Math.pow)` ，代入进去得：

const curry = (Math, arity = (Math.pow).length, null)

`(Math.pow).length` 表示函数参数的个数，  
因为 `Math.pow` 需要传入两个参数，所以 `(Math.pow).length` 的值为`2`。代入进去得：

const curry = (Math, arity = 2, null) => 2 <= args.length ? fn(...args) : curry.bind(null, fn, arity, ...args);

因为我们没有传参数，所以 `args.length` 为 `0`， `2 <= 0` 不成立，返回 `curry.bind(null, fn, arity, ...args)`，所以

`curry(Math.pow)(2)(10)`

第一次 curry 后的结果，可以看成

`curry(Math.pow, 2)(10)`

此时 `args.length` 为 `1`， `2 <= 1` 不成立，所以还是返回 `curry.bind(null, fn, arity, ...args)`，即

`curry(Math.pow, 2)(10)`

结果是

`curry(Math.pow, 2， 10)`

此时 `args.length` 为 `2`， `2 <= 2` 成立，所以返回 `fn(...args)`，即  
`Math.pow(2, 10)` 即 1024

### 彩蛋 ###

大家可能对 bind 比较陌生，这里简单介绍一下：

`bind()` 方法会创建一个新函数，当这个新函数被调用时，它的 `this` 值是传递给 `bind()` 的第一个参数, 它的参数是 `bind()` 的其他参数和其原本的参数。

语法是这样样子的：

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

*  `thisArg` 当绑定函数被调用时，该参数会作为原函数运行时的 `this` 指向。当使用 `new` 操作符调用绑定函数时，该参数无效。
 *  arg1, arg2, … （可选）当绑定函数被调用时，这些参数加上绑定函数本身的参数会按照顺序作为原函数运行时的参数。

**参数**

`bind` 的第一个参数会作为原函数运行时的 this 指向，不多说；而第二个开始的参数是可选的，当绑定函数被调用时，这些参数加上绑定函数本身的参数会按照顺序作为原函数运行时的参数。怎么理解？

function fn(a, b, c) {
      return a + b + c;
    }
    
    var _fn = fn.bind(null, 10);
    var ans = _fn(20, 30); // 60

fn 函数需要三个参数，\_fn 函数将 10 作为默认的第一个参数，所以只需要传入两个参数即可，如果你不小心传入了三个参数，放心，也只会取前两个。

function fn(a, b, c) {
      return a + b + c;
    }
    
    var _fn = fn.bind(null, 10);
    var ans = _fn(20, 30, 40); // 60

发表评论取消回复

表情：

评论列表（有 0 条评论，79人围观）

还没有评论，来说两句吧...

相关阅读

相关在JavaScript中，什么是柯里化（currying）？

聚沙成塔·每天进步一点点 ⭐ 专栏简介 ⭐ 柯里化（Currying） ⭐ 写在最后 -------------------- ⭐ 专栏简介

左手的ㄟ右手/ 2023年10月16日 12:48/ 0 赞/ 8 阅读

相关函数currying

// 普通的add函数 function add(x, y) { return x + y } //

古城微笑少年丶/ 2023年01月18日 13:23/ 0 赞/ 27 阅读

相关 10.curry 方法

使用方便有用的方法，以减少代码行数，提高我们的工作效率，增加我们的摸鱼时间。 curry 方法功能：柯里化一个函数。 const curry = (fn, ar

ゝ一世哀愁。/ 2022年10月10日 11:22/ 0 赞/ 80 阅读

相关 JS函数柯里化（Currying）

简介柯里化(Currying)是把接收多个参数的原函数变换成接受一个单一参数（就是将使用多个参数的函数转换成一系列使用一个参数的函数的技术)并返回一个新的函数，新的函数

叁歲伎倆/ 2022年08月29日 10:03/ 0 赞/ 227 阅读

相关 MyEclipse10 破解方法

按照破解文件中txt文件的方法破解MyEclipse差点吐血身亡，因为少了一步方法一：通用方法下载MyEclipse的破解包 1、首先系统需要正确配置java环境，点

青旅半醒/ 2022年07月12日 04:45/ 0 赞/ 808 阅读

相关 Favoring Curry

My [recent article][] on functional composition in [Ramda][] breezed over an important t

小鱼儿/ 2022年06月16日 02:28/ 0 赞/ 201 阅读

相关 Scala之旅-嵌套方法（NESTED METHODS）和多参数列表（Currying）

嵌套方法（NESTED METHODS）在 Scala 中可以定义嵌套方法。以下提供了 `factorial` 方法用于计算给定数字的阶乘。 def fact

落日映苍穹つ/ 2022年05月25日 14:09/ 0 赞/ 165 阅读

相关 UA Curry 4 White Gold Performance Review

I have been very fond of Under Armour Curry 4 White Gold, and I've been played from Curr

深碍√TFBOYSˉ_/ 2021年12月08日 22:02/ 0 赞/ 152 阅读

相关 UA Curry 6 Performance Review

The Under Armour Curry 6 is put through its paces with this performance review by Duke40

矫情吗；*/ 2021年12月08日 21:11/ 0 赞/ 161 阅读

相关 lodash源码学习curry,curryRight

`_.curry(func, [arity=func.length])` 柯里化函数关于函数柯里化，说简单点就是将接受多个参数的方法，转化为接受单一参数的方法，具体分

喜欢ヅ旅行/ 2021年10月01日 04:24/ 0 赞/ 285 阅读