这篇文章主要讲解了“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组合函数怎么使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是亿速云，小编将为大家推送更多相关知识点的文章，欢迎关注！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
