js函数柯里化-面试手写版

概念

用我自己的话来总结一下，函数柯里化的意思就是你可以一次传很多参数给curry函数，也可以分多次传递，curry函数每次都会返回一个函数去处理剩下的参数，一直到返回最后的结果。

实例

这里还是举几个例子来说明一下：

柯里化求和函数

    // 普通方式
    var add1 = function(a, b, c){
   
        return a + b + c;
    }
    // 柯里化
    var add2 = function(a) {
   
        return function(b) {
   
            return function(c) {
   
                return a + b + c;
            }
        }
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

这里每次传入参数都会返回一个新的函数，这样一直执行到最后一次返回a+b+c的值。
但是这种实现还是有问题的，这里只有三个参数，如果哪天产品经理告诉我们需要改成100次？我们就重新写100次？这很明显不符合开闭原则，所以我们需要对函数进行一次修改。

var add = function() {
   
    var _args = [];
    return function() {
   
        if(arguments.length === 0) {
   
            return _args.reduce(function(a, b) {
   
                return a + b;
            })
        }
        [].push.apply(_args, arguments);
        return arguments.callee;
    }
}
var sum = add();
sum(100, 200)(300);
sum(400);
sum(); // 1000
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

我们通过判断下一次是否传进来参数来决定函数是否运行，如果继续传进了参数，那我们继续把参数都保存起来，等运行的时候全部一次性运行，这样我们就初步完成了一个柯里化的函数。

通用柯里化函数

这里只是一个求和的函数，如果换成求乘积呢？我们是不是又需要重新写一遍？仔细观察一下我们的add函数，如果我们将if里面的代码换成一个函数执行代码，是不是就可以变成一个通用函数了？

var curry = function(fn) {
   
    var _args = [];
    return function() {
   
        if(arguments.length === 0) {
   
            return fn.apply(fn, _args);
        }
        [].push.apply(_args, arguments);
        return arguments.callee;
    }
}
var multi = function() {
   
    return [].reduce.call(arguments, function(a, b) {
   
        return a + b;
    })
}
var add = curry(multi)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20