柯里化
首先看看什么是柯里化
,百度的定义是柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数且返回结果的新函数的技术
。好吧,有点绕是吧,那我们用一个例子表示,如果让你写一个sum函数计算两数之和,你怎么写?对,sum(a,b)
。那么计算多数和呢?可以用不定参,直接用argument遍历所有参数,今天讨论的不是这种方式,主角登场,柯里化就是sum(a)(b)(c)...
。
思路
不想看我胡扯的朋友直接进入完整代码
章节哈。
我们将sum(a)(b)(c)
拆分,观察结构得出结论:sum(a)(b)
返回一个函数,如果想达到参数链式调用
,sum(a)(b)(c)
也是一个函数,不是我们想要的和,我们可以将该函数无参数执行一次:sum(a)(b)(c)()
,这样设计可以做到单独考虑无参数情况时返回和。
完整代码
求和的代码:
var add = function(){
let sum = 0;
for(let i=0,len=arguments.length;i<len;i++){
sum += arguments[i];
}
return sum;
}
var sum = function(){
var args = Array.prototype.slice.call(arguments); // args形成闭包,存储所有待求和的参数
var __curry = function(){
if(arguments.length === 0){
return add.apply(this,args); //无参数时直接返回求和的值
}else{
args = args.concat(Array.prototype.slice.call(arguments));//如果后续继续有参数,直接返回该函数
console.log(args);
return __curry; //
}
}
return __curry;
}
console.log(sum(1)(2)()); // 3
console.log(sum(4)(5)(6)()); // 15
复制代码
我们还可以将思路扩散一下,写一个可扩展的柯里化函数,将add作为第一个参数传入柯里函数,我相信聪明的你可以看明白下面的示例的:
var add = function(){
let sum = 0;
for(let i=0,len=arguments.length;i<len;i++){
sum += arguments[i];
}
return sum;
}
var curry = function(func){
var args = Array.prototype.slice.call(arguments,1); //除却第一个参数
var __curry = function(){
if(arguments.length === 0){
return func.apply(this,args); //无参数时直接返回求和的值
}else{
args = args.concat(Array.prototype.slice.call(arguments));//如果后续继续有参数,直接返回该函数
console.log(args);
return __curry; //
}
}
return __curry;
}
console.log(curry(add,1)(2)()); // 3
console.log(curry(add,4)(5)(6)()); // 15
复制代码