不用箭头函数的实现

网上看到很多用箭头函数的版本，在看不懂的时候非常的眼花。

所以在这里我选择先用纯粹的function配合arguments分析完原理，再过渡到轻量级的箭头函数。下面给出最原始的实现：

1
2
3
4
5
6
7
8
9
function curry(f, ...savedArgs) {
    return function() {
        const totalArgs = [...savedArgs, ...arguments]
        if (totalArgs.length >= f.length) {
            return f(...totalArgs)
        }
        return curry(f, ...totalArgs)
    }
}

步骤如下：

  1. 我们在定义时就做了一个手脚，那就是留了一个可变长参数savedArgs

  2. 第3行定义了一个totalArgs总参数数组，它包含着外层保存下来的savedArgs以及这个函数本身的arguments

  3. 第4行判断了总参数totalArgs与原始函数的长度f.length，如果参数数量足够，那就直接调用原始函数f并且返回结果

  4. 第7行就是如果说参数还不够，那就把总参数totalArgs一并传给curry包装起来，等待下一次调用

那么我们可以试一下好不好用，读者也可以打开控制台试一试：

1
2
3
4
5
6
7
const add = (a, b, c) => a + b + c


curry(add)(1)(2)(3)
curry(add)(1, 2)(3)
curry(add)(1)(2, 3)
curry(add)(1, 2, 3)

以下结果全都是6，符合我们的要求。

箭头函数轻量级实现

众所周知，箭头函数是一种轻量级的函数，它不像function那样会有冗余的字段。

那么分析完原理之后就较为简单了：

1
2
3
4
5
6
7
8
const curry = (f, ...outer) => {
    return (...inner) => {
        if (outer.length + inner.length >= f.length) {
            return f(...outer, ...inner)
        }
        return curry(f, ...outer, ...inner)
    }
}

我觉得这已经够好了，但是如果你说还能压缩的话也对，它可以写成一行：

1
const curry = (f, ...outer) => (...inner) => outer.length + inner.length >= f.length ? f(...outer, ...inner) : curry(f, ...outer, ...inner)

但是我觉得正常人类是看不大懂这玩意的，不推荐！