闭包函数科里化功能

最新推荐文章于 2024-03-15 10:07:09 发布

听说幸运很容易

最新推荐文章于 2024-03-15 10:07:09 发布

阅读量123

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/m0_68293816/article/details/124182923

版权

本文介绍了JavaScript中的函数柯里化（Currying），这是一种将接受多个参数的函数转换为一系列接受单一参数的函数的技术，以提高代码的效率和可读性。通过示例展示了如何实现简单的柯里化以及逐步改进的柯里化函数，并探讨了其在参数传递和避免冗余参数上的优势。最后，通过实际应用展示了柯里化函数如何组合和复用。

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

函数柯里化（拆）

将传入的函数拆分为多个偏函数避免重复的传参以及节省参数传递的过程提高了效率

//函数柯里化 其实就是函数颗粒化 将一个函数变成一个个颗粒可以组装
// 就是这个里面的多个参数 将他变成一个个的函数来传递这个参数
function fnSum(a,b,c){//求和函数
    return a+b+c
}
//简单柯里化 他就是使用了一个函数来改造原本的函数
function curry(fn){
    return function(a){
        return function(b){
            return function(c){
                return fn(a,b,c)
            }
        }
    }
}
//调用 避免了多余的无用参数传递
let fnCurry = curry(fnSum) //函数
console.log(fnCurry(1)(2)(3));//6
//改进柯里化函数
function curry1(fn){
    //接收一个后面的参数 除了fn的参数 arguments第一个函数传递
    let args = Array.prototype.slice.call(arguments,1) //arguments调用slice(1)
    return function(){ //arguments 第二个函数传递
        let newArg = args.concat(Array.from(arguments)) //将内部函数的参数和外部的参数合并
        return fn.apply(this,newArg) // 传入所有的参数 将fn自动执行
    }
}
let fn2 = curry1(fnSum,1) //函数
console.log(fn2(2,3)); //6
// console.log(fn2(2)(3)); //错误 我们现在只套了俩层

//改进柯里化函数
function curry2(fn){
    //接收一个后面的参数 除了fn的参数
    let args = Array.prototype.slice.call(arguments,1)
    return function(){
        let newArg = args.concat(Array.from(arguments)) //将内部函数的参数和外部的参数合并
        if(newArg.length < fn.length){ //参数没有到三个 fn.length获取传递的函数的参数个数
            return curry2.call(this,fn,...newArg) //又套了一个function
        }else{
            return fn.apply(this,newArg) //将内部函数自动指向 传入所有的参数
        } 
    }
}
let fn3 = curry2(fnSum) //函数
console.log( fn3(1,2,3));
console.log( fn3()()(1,2));//少一个参数 返回funtion 效率更高  可读性高
console.log( fn3());//少一个参数 返回funtion 效率更高  可读性高
console.log( fn3()()(1));//少一个参数 返回funtion 效率更高  可读性高

let fn4 = fn3(1)(2)
console.log(fn4(10)); // 1 + 2 + 10
console.log(fn4(15)); // 1 + 2 + 15