JavaScript 手写函数柯里化 curry

最新推荐文章于 2024-05-23 10:42:32 发布

藤井粟

最新推荐文章于 2024-05-23 10:42:32 发布

阅读量708

点赞数

分类专栏： js学习文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_48701221/article/details/126722692

版权

js学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了Curry函数的概念，它能够将多参数函数转换为单参数函数，便于参数复用和延迟执行。Curry函数的特点包括返回新函数、按需接收参数并判断何时执行原函数。通过示例展示了如何手写Curry函数，并通过测试用例验证了其实现。Curry函数的核心在于闭包和递归，能有效利用作用域保存状态。

摘要由CSDN通过智能技术生成

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

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