谈谈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

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

打赏支持

如果文章对你有帮助就打个赏吧~

[微信] 扫描二维码打赏

[支付宝] 扫描二维码打赏

评论

还没有任何评论,你来说两句吧

发表评论

Powered By Yuuk