详解用场景去理解函数柯里化(入门篇)
前言
函数柯里化就是将多参简化为单参数的一种技术方式,其最终支持的是方法的连续调用,每次返回新的函数,在最终符合条件或者使用完所有的传参时终止函数调用。
场景实例
与其他文章不同,我在本文会重点分享一些柯里化的经典使用场景,让你在学会这点技巧后能切实的提升代码的可维护性。
编写可重用小模块代码
比如我们有个方法部分逻辑前置是相同的,后面的执行是因为参数不同导致结果不同的,下面是代码部分。
计算商品的折扣,我们需要根据不同的折扣以及商品的入参返回其实际的价格。
//before functiongetPrice(price,discount){ returnprice*discount; } letprice=getPrice(500,0.1); //after functiongetPrice(discount){ returnprice=>{ returnprice*discount } } //使用,在这种使用效果下,我们可以固定的肢解拿到百分之十折扣的函数, //也就是针对使用0.1折扣的商品价格都可以简化这个折扣的传递,从而达到简化参数的目的 //那么从函数的运行上来讲,也比之前的效率高了,如果解析折扣的过程比较复杂 lettenDiscount=getPrice(0.1); letprice=tenDiscount(500); letprice=getPrice(0.1)(500)
看上去有点鸡肋,因为我们本来的写法很简单,使用了柯里化反而让简单的事情变得复杂了,这主要是因为没有达到我们要把一个函数变成柯里化的经典场景。假如你下面的代码变成了下面这样,也许你就能觉察出如果有使用柯里化就会非常方便了,因为针对第一个参数做了若干的处理,甚至可以称为一个算法或者完整的逻辑判断流程,那么如果有多个参数调用都涉及这个方法的调用,同一个参数的这部分逻辑是相同可以共用跳过的。codepen连接:链接
//complexedfun functiongetPriceComplex(price,discount){ letactualDiscount=1; if(discount>0.8){ actualDiscount=0.8; }elseif(discount>0.5){ actualDiscount=0.5; }else{ actualDiscount=0.1; } letactualPrice=price-price%100; returnactualPrice*actualDiscount; } //complexedfunbetter functiongetPriceComplexBetter(discount){ letactualDiscount=1; if(discount>0.8){ actualDiscount=0.8; }elseif(discount>0.5){ actualDiscount=0.5; }else{ actualDiscount=0.1; } returnprice=>{ letactualPrice=price-price%100; returnactualPrice*actualDiscount; } } console.log(getPriceComplex(500,0.9)) letexp1=getPriceComplexCp(0.9); console.log(exp1); /**price=>{ letactualPrice=price-price%100; returnactualPrice*actualDiscount; }*/ //相同的输入参数时可以缓存下之前代码逻辑的执行结果实现模块的可重用,如果你之前的逻辑是一个纯函数 console.log(exp1(500))//400 console.log(exp1(400))//320 //getrealdiscount //当你针对第一个参数的逻辑较为复杂时,出于可维护角度,建议如此; //当你另外一个逻辑也是基于这个返回结果时,出于重用角度,建议如此 functiongetActualDiscount(discount){ letactualDiscount=1; if(discount>0.8){ actualDiscount=0.8; }elseif(discount>0.5){ actualDiscount=0.5; }else{ actualDiscount=0.1; } returnactualDiscount; } //complexedfunbest functiongetPriceComplexBest(discount){ letactualDiscount=getActualDiscount(discount); returnprice=>{ letactualPrice=price-price%100; returnactualPrice*actualDiscount; } }
总结,无论如何,我们使用某种技巧或者封装或者其他,都是为了让代码更可用,原先复杂不可测试、不可理解的代码变得更有调理,更节省性能的角度出发的,当你的思维方式中有这种的时候,你就不会觉得是为了形式而使用,而是你的编码习惯或者风格就是如此。
简单改造普通函数为柯里
假如我们需要把一个原来非柯里的函数如何快速改造,在不影响原来主要代码逻辑的情况下,想下我们代码可能如何写?
//只考虑两个参数 functionadd(a,b){ returna+b } //但如果你是用柯里化的方式:两个参数的时候,但这样对原代码变动非常大,对于一些复杂的逻辑,这基本不可能 functioncurryAdd(...args){ return(...newArgs)=>{ returnanoNumber*number; }; } //我们写一个通用的柯里化函数的方式,经过这个函数的转换,我们可以将调用方式简化 functioncurry=(fn,...args){ return(..._args)=>{ returnfn(...args,..._arg); } } letcurryAdd=curry(add,10); letcurryAdd2=curryAdd(11)
不定参数的累加
一个比较经典的练手题,把下面的代码用柯里化的方式实现,其难点简单分析如下:如果你没有了解过柯里化,可能觉得基本无法完成。
1动态入参个数,这个也许还可以通过arguments循环完成2每次都能接受新的参数继续累加,这必须是返回新函数并带有之前的结果,要求是具有柯里化特点3每次不在追加参数时,需要能得到的值,这个需要你了解toString方法来改变结果值
实现一个add方法,使计算结果能够满足如下预期:add(1)(2)(3)=6
add(1,2,3)(4)=10
add(1)(2)(3)(4)(5)=15
functionadd(){ //第一次执行时,定义一个数组专门用来存储所有的参数 var_args=[].slice.call(arguments); //在内部声明一个函数,利用闭包的特性保存_args并收集所有的参数值,执行时已经收集所有参数为数组 varadder=function(){ var_adder=function(){ //执行收集动作,每次传入的参数都累加到原参数 [].push.apply(_args,[].slice.call(arguments)); return_adder; }; //利用隐式转换的特性,当最后执行时隐式转换,并计算最终的值返回 _adder.toString=function(){ return_args.reduce(function(a,b){ returna+b; }); } return_adder; } returnadder(_args); }
备注:codepen中的console.log方法被重写,会有报错的问题,你可以直接通过浏览器的console控制台调试这个方法。
部分参数应用
部分参数应用是指有些场景是希望固定传递多个参数,来得到其固定的函数,然后基于这个函数去执行代码。类似于第一个例子中的一个折扣参数得出折扣算法的使用。我们将第一个例子再复杂化一些。就会变成这样的。
functiongetActualDiscount(custoemrLevel,discount){ } functiongetPriceComplex(custoemrLevel,discount){ letactualDiscount=getActualDiscount(custoemrLevel,discount); returnprice=>{ returnprice*actualDiscount; } } //等级一的折扣策略 letstrategyLev1WithOnepoint=getPriceComplex('lev1',0.1); letactualPrice=strategyLev1WithOnepoint(500);
以上所述是小编给大家介绍的用场景去理解函数柯里化(入门篇)详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!