JavaScript组合函数的用法是什么，有什么要注意的-群英

上一篇：vue框架中input输入模糊查询的操作如何实现下一篇：JS中的函数提升、变量提升和Class提升是怎样的

本篇内容介绍了“JavaScript组合函数的用法是什么，有什么要注意的”的有关知识，在实际项目的操作过程或是学习过程中，不少人都会遇到这样的问题，接下来就让小编带大家学习一下如何处理这些情况吧！希望大家仔细阅读，能够学有所成！

经历过一些列的函数式编程思想的学习总结，一些重要的高阶函数的学习，以及前一段时间关于 RxJS 的学习。

我们再回看一次 —— 组合函数 compose

本瓜越来越觉得，【易读】的代码应该是将声明和调用分开来的。根据不同的流程，用函数组合的方式、也可以说它是管道、或者说是链式调用，将声明的函数组合起来，再等待时机进行调用。

如果没有组合函数 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) =&gt;funs.reduce((acc, fun) =&gt; fun(acc), x) 
}

通过函数组合，我们可以可以声明式地指定函数间的关系，代码的可读性也大大提高，也方便我们后续对代码进行扩展跟重构；

而且在React里面，当我们的高阶组件变多的时候，一个套着一个就很难看，我们就可以通过类似的方式来让我们的高阶组件层级扁平化；

这就是最最原始的 compose，以及它被提出的原始动机~~

这篇关于“JavaScript组合函数的用法是什么，有什么要注意的”的文章就介绍到这了,更多相关的内容，欢迎关注群英网络，小编将为大家输出更多高质量的实用文章！

标签： JavaScript组合函数

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

上一篇：vue框架中input输入模糊查询的操作如何实现下一篇：JS中的函数提升、变量提升和Class提升是怎样的