JavaScript 手写函数柯里化 curry

curry函数的作用

通俗地讲,curry函数可以将需要接收多个参数的函数变成只接收一个参数的函数,比如把f(a,b,c)变成f(a)(b)©。这样做的好处是:
1、便于函数的参数复用,比如当传入的多组数据的a、b相同时,只需要let curryF = curry(f)(a,b) 然后多次调用curryF(c1)、
curryF(c2)…即可
2、延迟执行,类似于bind方法,返回一个函数便于之后调用,而不是立即执行

curry的特点

1、调用curry函数将返回一个新的函数newF
2、当调用新的函数newF的时候,如果累计的参数小于原函数所需的参数的数量时,将继续返回函数
3、当累计接收到的参数个数大于或等于原函数所需的时候,将执行原函数

curry的实现思路

1、获取原函数所需的参数个数
2、获取累计得到的参数个数
3、对比二者的数量,判断应该返回新的函数还是原函数的执行结果

curry的具体实现

// 手写curry
function curry(fn,...args){
    return function(){
        // console.log("arguments:",arguments)
        // console.log("args:",args)

        // args 原来已有的参数
        // arguments 本次新增的参数

        // 拼接存储已经获取到的变量
        let _args = [...args,...arguments]

        // console.log("拼接后的 _args:",_args)

        // 与原函数所需的参数个数进行比较
        if(_args.length < fn.length){
            // 参数个数还不够,递归,继续返回函数
            return curry(fn,..._args)
        }
        else{
            return fn.apply(this,_args)
        }
    }
}
// 测试一下
function sum(a,b,c){
    return a+b+c
}
let f = curry(sum)(10,20)
console.log(f(30)) //10+20+30 -> 60
console.log(f(40)) //10+20+40 -> 70
console.log(f(50)) //10+20+50 -> 80

整个代码的核心是闭包和递归,将每次执行的作用域保存在内存中,便于复用。

你可能感兴趣的:(js学习,javascript,开发语言,ecmascript)