谈谈JS柯里化(currying)的实现及用途

理解柯力化我们首先看看柯力化的官方定义：

柯里化是把接受多个参数的函数变换成接受一个单一参数的函数，并且返回接受余下的参数而且返回结果的新函数的技术。

如此官方的术语想必是很难真正理解柯里化……其实柯里化通常也称部分求值(partial application)，其含义是给函数分步传递参数，每次传递参数中部分应用参数，并返回一个更具体的函数接受剩下的参数，这中间可嵌套多层这样的接受部分参数函数，直至返回最后结果。

还是理解不了？没关系，我们直接上代码！

假设我们现在需要计算一组数字的求和，普通的做法可能会这么写。

var total = 0;
var sum = function (num) {
    total+=num;
}
sum(1);
console.log(total); // 1
sum(2);
console.log(total); // 3
sum(3);
console.log(total); // 6

如果我们有更多的数需要求和，这样一步一步计算、获取值会不会很麻烦？如果现在需求改变，这组数字需求求平均值呢，那么核心函数也得改，所以这么做是不太科学的~

所以这里就需要用到柯里化了。

var currying = function (fn) {
    let cache = []; // 缓存数据
    return function () {
        if (arguments.length === 0) { // 如果返回的函数没有参数，就将缓存数据作为fn(入参函数)的参数
            return fn.apply(null, cache);
        } else { // 将入参加入到缓存数据中
            cache = cache.concat(Array.prototype.slice.call(arguments)) 
        }
    }
}

现在我们回到刚才的求和需求。

var sum = currying(function() {
    var result = 0; // 默认计数
    var args = Array.prototype.slice.call(arguments); // 这里的args即currying函数中的缓存数据(cache)
    for (var i = 0;i < args.length;i++) {
        result += args[i];
    }
    return result;
})

sum(1)
sum(2)
sum(3)
console.log(sum()); // 6

嗯，需求改变，求平均值。

var average = currying(function() {
    var result = 0;
    let args = Array.prototype.slice.call(arguments);
    for (var i = 0;i < args.length;i++) {
        result += args[i];
    }
    return result / args.length;
})
average(1)
average(2)
average(3)
console.log(average()); // 2

很棒棒，对不对。即使还有其他的需求变化，比如求积，一样可以用这个基础函数搞定。