js中的ajax柯里化,谈谈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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值