js函数柯里化的方法和作用实例分析
本文实例讲述了js函数柯里化的方法和作用。分享给大家供大家参考,具体如下:
函数柯里化的方法:
1,利用数组的reduce方法可实现柯里化,具体参见我的另外一篇文章
2,代码如下
const curry = (fn, ...args) =>{ console.log('args',args) // console.log(fn.length,args.length) return args.length < fn.length // 参数长度不足时,重新柯里化该函数,等待接受新参数 ? (...arguments) => { console.log('arguments',arguments) return curry(fn, ...args, ...arguments) } // 参数长度满足时,执行函数 : fn(...args); } function sumFn(a, b, c) { return a + b + c; } var sum = curry(sumFn); const one = sum(2) console.log('one:',one.toString()) const two = one(3) console.log('two:',two.toString()) const three = two(5) console.log('three:',three.toString()) //console.log(sum(2)(3)(5));//10 // console.log(sum(2, 3, 5));//10 // console.log(sum(2)(3, 5));//10 // console.log(sum(2, 3)(5));//10
函数柯里化的主要作用:
- 参数复用。
- 提前返回 – 返回 接受余下的参数 且返回结果 的 新函数。
- 延迟执行 – 返回新函数,等待执行。
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容可查看本站专题:《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试
偶然发现的,页面中没有引入Prototype和jQuery。控制台中敲$却发现是一个函数。又试着敲$$,也是个function2012-02-02div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
marquee无缝滚动想必大家都有见过,本文利用div+css+javascript也实现下类似的滚动且兼容firefox,喜欢的朋友可以参考下2013-08-08JavaScript弹出新窗口并控制窗口移动到指定位置的方法
这篇文章主要介绍了JavaScript弹出新窗口并控制窗口移动到指定位置的方法,涉及javascript针对弹出窗口的操作技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
最新评论