JavaScript函数柯里化怎样理解?实现原因是什么?
Admin 2021-10-15 群英技术资� 138 次浏�
这篇文章给大家分享的是关于JavaScript函数柯里化的内容,对新手来说,可能不知道函数柯里化是什么以及JavaScript函数柯里化的实现原理,对此本文就给大家详细的介绍一下�
柯里化(Currying)是把接受多个参数的函数变换成接受一个单一参数(最初函数的第一个参数)的函数,并且返回接受余下的参数而且返回结果的新函数的技术�
在《Mostly adequate guide》中,这样总结� Currying ――只传递给函数一部分参数来调用它,让它返回一个函数去处理剩下的参数�
Currying 是函数式编程的一种实现,可以给我们的编程带来便利。那 Currying 函数到底长什么样呢?请往下看,我们根据它的概念自己来写一个柯里化函数
实现
// 如何实现 add(1,2) === add(1)(2) let add = (...args) => { return args.length === 1 ? a => a + args[0] : args[0] + args[1] }
这个似乎有一点接近柯里化的意思,但并不是真正的Currying,我们应该做� add(1,2,3,,,) === currying(add)(1,2,3,,,) 才能算是真正的柯里化函数,OK,我们继续往下来�
let add = (...args) => args.reduce((a,b)=>a+b) let currying = (fn)=>{ return function(...args){ return fn.apply(this, args) } } // add(1,2,3,,,) === currying(add)(1,2,3,,,)
还有人这么玩,可以参考下
let currying = (fn) => { var args = [].slice.call(arguments, 1) return function() { var newArgs = args.concat([].slice.call(arguments)) return fn.apply(this, newArgs) } } let addCurry = currying(add, 1, 2); addCurry() // 3 addCurry = currying(add, 1); addCurry(2) // 3 addCurry = currying(add); addCurry(1, 2) // 3
实际上这个实现方法利用闭包的原理,有时间给大家做个对比,
分析
可以看到,实际上柯里化函数并不算难,要想实际运用在我们的开发中,需要我们花点小心思~
关于JavaScript函数柯里化的内容就介绍到这,上述示例具有一定的借鉴价值,感兴趣的朋友可以参考学习,希望能对大家有帮助,想要了解更多函数柯里化的知识,大家可以关注其它的相关文章�
文本转载自脚本之�
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
这篇文章主要介绍了分享几个JavaScript运算符的使用技巧,帮助大家更好的理解和学习使用JavaScript,感兴趣的朋友可以了解下
这篇文章给大家分享的是有关nodejs错误处理过程的内容。小编觉得挺实用的,下文有具体实例可以个参考,感兴趣的朋友不妨跟随小编一起看看吧�
本文主要介绍了vue实现两列水平时间轴的示例代码,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一�
在前端开发的时候经常会遇到这样的困�,设计师给你的设计稿的尺寸和页面的尺寸不一�,导致了页面无法正常显�,下面这篇文章主要给大家介绍了关于一招解决vue页面自适应布局的相关资�,需要的朋友可以参考下
本文用vue简单的实现了一个轮播图的基础功能,并抽离出来作为一个公共组件,方便复用
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所�
增值电信经营许可证 : B1.B2-20140078