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

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