柯里化 (Currying)是把接收多个参数的原函数变换成接受一个单一参数(原来函数的第一个参数的函数)并返回一个新的函数,新的函数能够接受余下的参数,并返回和原函数相同的结果。
ES6的方式实现柯里化的通用
function currying(fn,...rest1){ return function(...rest2){ //这里用apply 是为把数组形式的参数直接传入原函数 null是因为不需要改变this return fn.apply(null,rest1.concat(rest2)); } }
将一个sayHello函数柯里化
function sayHello(name,age,fruit){ console.log(`我叫${name},我${age}岁了,我喜欢吃${fruit}`); } //传入第一个参数 let curryingShowMsg = currying(sayHello,'小明'); //执行传入剩余参数 curryingShowMsg(22,'芒果');
反柯里化 和柯里化刚好相反。为了让方法使用场景更广,使用反柯里化,可以把原生方法借出来,让任何对象拥有原生对象的方法。
二者的区别
//柯里化 //function(arg1,arg2) => function(arg1)(arg2); //function(arg1,arg2,...,argn) => function(arg1)(arg2)(...)(argn) //反柯里化 //obj.func(arg1,arg2) => func(obj,arg1,arg2)
ES6实现一个反柯里化
function unCurrying(fn){ //tar 是我们借给的对象 以前需要xxx.fn(xx) 现在就可以fn(xxx,xx) return function(tar,...argu){ return fn.apply(tar,argu); } } //比如我们想把Array.prototype.push方法从原生借出来 let push = unCurrying(Array.prototype.push); //arrguments是我们借给的对象 push(arguments,4);
函数柯里化的高阶实现 ,上面的函数只实现一层简单的柯里化 如果实现完全的柯里化func(xx)(xx)(xx)(xx)的话,我们要反复嵌套我们的柯里化函数,这里我们实现一个更高阶的柯里化通用方法。
function curryingHelper(fn,len){ //这里先说个基本知识点 fn.length 返回的是这个方法需要传入的参数个数 //这里第一次运行时通过fn.length 后面递归都是用的传入的len len为剩余的参数个数 const length = len || fn.length; return function(...rest){ //判断这次传入的参数是否大于等于剩下的参数 如果不是递归返回下一个方法继续传参 return rest.length >= length "htmlcode">function Say(name,some){ console.log(name + '说' + some); } //如果我们只想让zyx说一些东西 let zyxSay = currying(Say,'zyx'); zyxSay('1111');//zyx说11112 提高适用性
//通用函数解决了兼容性的问题,但是同时在不同场景下,我们可能同一种规则需要反复使用 //这就可能会造成代码的重复性 比如 function square(i){ return i*i }//平方 function dubble(i){ return i*2 }//双倍 function map(handler,list){ //handle 是操作的规则 list是操作的arrguments return list.map(handler) } map(square,[1,2,3]);//数组每一项平方 map(dubble,[1,2,3]);//数组每一项加倍 //这就是通用性 我可以用同一个函数做很多不同的操作 //但是如果我们需要大量做平方操作 每次我们都需要传入方法再传入数组就造成的代码浪费 //这时我们通过柯里化提高实用性 let mapSQ = currying(map,square);//直接定义出来的新的平凡操作函数 mapSQ([1,2,3]);//以后就不用传入操作方法了3 延迟执行
let add = function(...rest){ //定义一个闭包保存_args const _args = []; return function cb(...rest){ if(rest.length == 0){ //如果不穿参数了 也就是add() 说明我们需要最后执行函数了 let res = 0; //累加 console.log(_args); for(let data of _args){ res += data; } return res; }else{ _args.push(...rest); //为了锁住args 闭包 return _args; } } }() add(1); add(2); let a = add(); console.log(a);//3以上就是浅析JavaScript 函数柯里化的详细内容,更多关于JavaScript 函数柯里化的资料请关注其它相关文章!
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月16日
2024年11月16日
- 第五街的士高《印度激情版》3CD [WAV+CUE][2.4G]
- 三国志8重制版哪个武将智力高 三国志8重制版智力武将排行一览
- 三国志8重制版哪个武将好 三国志8重制版武将排行一览
- 三国志8重制版武将图像怎么保存 三国志8重制版武将图像设置方法
- 何方.1990-我不是那种人【林杰唱片】【WAV+CUE】
- 张惠妹.1999-妹力新世纪2CD【丰华】【WAV+CUE】
- 邓丽欣.2006-FANTASY【金牌大风】【WAV+CUE】
- 饭制《黑神话》蜘蛛四妹手办
- 《燕云十六声》回应跑路:年内公测版本完成95%
- 网友发现国内版《双城之战》第二季有删减:亲亲环节没了!
- 邓丽君2024-《漫步人生路》头版限量编号MQA-UHQCD[WAV+CUE]
- SergeProkofievplaysProkofiev[Dutton][FLAC+CUE]
- 永恒英文金曲精选4《TheBestOfEverlastingFavouritesVol.4》[WAV+CUE]
- 群星《国风超有戏 第9期》[320K/MP3][13.63MB]
- 群星《国风超有戏 第9期》[FLAC/分轨][72.56MB]