JavaScript组合函数怎么使用
导读:本文共890.5字符,通常情况下阅读需要3分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: 如果没有组合函数 compose,函数连续调用将会是嵌套的:constmulti10=function(x){returnx*10;}consttoStr=function(x){return`${x}`;}constcompute=function(x){returntoStr(multi10(x))}compute(8)fn3(fn2(fn1(fn... ...
目录
(为您整理了一些要点),点击可以直达。如果没有组合函数 compose,函数连续调用将会是嵌套的:
fn3(fn2(fn1(fn0(x)))),层层嵌套是很容易看错的;
所以,必须尝试将调用层级扁平化!
compose 应运而生,它大概就会是这样:
通过使用compose函数我们可以把两个函数组合成一个函数,这让代码从右往左执行,而不是层层计算某个函数的结果作为另一个函数的参数,这样代码也更加直观。
当然,我们不能让 compose 限制于只能处理连续调用两个函数,于是支持任意参数版本的 compose 将是这样的:
通过函数组合,我们可以可以声明式地指定函数间的关系,代码的可读性也大大提高,也方便我们后续对代码进行扩展跟重构;
而且在React里面,当我们的高阶组件变多的时候,一个套着一个就很难看,我们就可以通过类似的方式来让我们的高阶组件层级扁平化;这就是最最原始的 compose,以及它被提出的原始动机~~
JavaScript组合函数怎么使用的详细内容,希望对您有所帮助,信息来源于网络。