JS实现柯里化

柯里化

首先看看什么是柯里化，百度的定义是柯里化（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
复制代码