组合函数的理解

[FireDragonZL]

请回答：

• 组合函数的概念；
• 组合函数相比高阶组件组合特性的优势；
• 实例表示组合函数的写法

[FireDragonZL]

• 组合函数：组合函数是将多个具有单一功能的函数片段，组成需要的业务逻辑代码。从而在不断变化的业务中，保证不去二次修改封装好的单一函数功能。其底层原理是借助 reduce 函数，将多个有调用关系的函数组成一个调用关系的链条，逐个执行。
• 相比高阶组件的优势：高阶组件组合特性本质是基于装饰者模式实现的一种垂直的调用关系，业务逻辑复杂的条件下存在嵌套调用的风险，从而加大业务代码的复杂度。而组合函数是一种平行的调用关系，即可以将所有的函数都放在componse函数中。
• 组合函数实例如下：将字符串中的字母转为大写形式后，截取前三个字符，并拆分后放在数组中

  
  function compose(...funcs) {
  return funcs.reduce((a, b) => (...args) => a(b(...args)))
  }

function str2UpperCase(str){ return str.toUpperCase(); }

function subThreeChar(str){ return str.substring(0,3); }

function strSplit2Array(str){ return str.split('') }

const res03 = compose( strSplit2Array, subThreeChar, str2UpperCase, )("sdhsdshk");

console.log(res03) //["S", "D", "H"]