这篇文章主要讲解了“javascript组合函数怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript组合函数怎么使用”吧!如果没有组合函数 compose,函数连续调用
这篇文章主要讲解了“javascript组合函数怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript组合函数怎么使用”吧!
如果没有组合函数 compose,函数连续调用将会是嵌套的:
const multi10 = function(x) { return x * 10; }const toStr = function(x) { return `${x}`; }const compute = function(x){ return toStr(multi10(x))}compute(8)
fn3(fn2(fn1(fn0(x)))),层层嵌套是很容易看错的;
所以,必须尝试将调用层级扁平化!
compose 应运而生,它大概就会是这样:
const compose = function(f,g) { return function(x) { return f(g(x)) }}
let compute = compose(toStr, multi10)compute(8)
通过使用compose函数我们可以把两个函数组合成一个函数,这让代码从右往左执行,而不是层层计算某个函数的结果作为另一个函数的参数,这样代码也更加直观。
当然,我们不能让 compose 限制于只能处理连续调用两个函数,于是支持任意参数版本的 compose 将是这样的:
function compose(...funs){ return (x) =>funs.reduce((acc, fun) => fun(acc), x) }
通过函数组合,我们可以可以声明式地指定函数间的关系,代码的可读性也大大提高,也方便我们后续对代码进行扩展跟重构;
而且在React里面,当我们的高阶组件变多的时候,一个套着一个就很难看,我们就可以通过类似的方式来让我们的高阶组件层级扁平化;这就是最最原始的 compose,以及它被提出的原始动机~~
感谢各位的阅读,以上就是“JavaScript组合函数怎么使用”的内容了,经过本文的学习后,相信大家对JavaScript组合函数怎么使用这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!
--结束END--
本文标题: JavaScript组合函数怎么使用
本文链接: https://www.lsjlt.com/news/341189.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-05-11
2024-05-11
2024-05-11
2024-05-11
2024-05-11
2024-05-11
2024-05-11
2024-05-11
2024-05-11
2024-05-11
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0