函数柯里化问题

Question

//函数柯里化 这个可以理解    // curry = fn => {    //     let arr = [];//保存之前输入的参数    //     judge = (...args)=>{    //         if(!args[args.length-1]){    //             return fn(arr);    //         }else{    //             arr.push(...args);    //             return judge;//返回一个表达式 调用才会执行    //         }    //    //     };    //     return judge;    // }    //函数柯里化     curry = fn => judge = (...args)=>{        return !args[args.length-1]?fn(args):(...arg)=>judge(...args,...arg);//judge立即执行 调用自身 这不会死循环吗？    };              testCurry = (args)=>{        args.pop();//去掉最后一个参数null        if(args.length<1){            return;        }        let sum = args.reduce((s,n)=>{            return s+n;        },0);        console.log('参数',args);        console.log('sum',sum);        return sum;    };           OnClick =()=>{        console.log('执行了这里 OnClick');        let one = this.curry(this.testCurry)(1);        let two = one(2)(3)(4)(5);        let three = two(6,6,6,6);        three(null);    };请问第二个函数怎么理解 她是怎么保存之前输入的参数的？求详细解答 谢谢

Answer 1

judge并没有立即执行，而是在(...arg)=>judge(...args,...arg);方法被调用时才被执行

这个curry后的函数只有在传入的最后一个参数可以被转换为false的时候才开始执行，它存参数的方法也很简单

1，判断如果最后一个参数是否可以是false

2，是的话就把所有保存的参数放到fn里执行，结束

3，否则，返回一个新的匿名函数，这个函数把所有传入参数保存在arg数组中，而这个匿名函数被执行后，就把以前收到的参数数组和当前的参数数组合并后，放到前面说的逻辑中，在judge函数里判断，重复第1步

let curry = function(fn) {

    var judge = function(...args) {

        if (Boolean(args[args.length - 1])===false) {

            return fn(args);//three(null)就到这里了

        } else {

            return function(...arg) { //one和two和three都是这个函数

                return judge(...args, ...arg);

            }

        }

    }

    return judge;

}