纯函数容易写出洋葱代码
    函数组合可以让我们把细粒度的函数重新组合生成一个新的函数
    image.png
    函数组合:如果一个函数要经过多个函数处理才能得到最终值,这个时候可以把中间过程的函数合并成一个函数,

    • 函数就像是数据的管道,函数组合就是把这些管道连接起来,让数据穿过多个管道形成最终结果
    • 函数组合默认是 从右到左 执行
      1. function compose(f, g) {
      2. return function (value) {
      3. return f(g(value))
      4. }
      5. }
      6. function reverse(arr) {
      7. return arr.reverse();
      8. }
      9. function first(arr) {
      10. return arr[0].toUpperCase()
      11. }
      12. let aa = compose(first, reverse);
      13. console.log(aa(['aa', 'bb']));
      ```javascript const _ = require(‘lodash’) const reverse = arr => arr.reverse(); const first = arr => arr[0]; const toUpper = s => s.toUpperCase();

    const f = _.flowRight(toUpper, first, reverse) console.log(f([‘one’, ‘two’, ‘three’]));

    1. 手写实现 _.flowRight
    2. ```javascript
    3. 手写实现 _.flowRight
    4. function compose(...args) {
    5. return function (value) {
    6. return args.reverse().reduce(function (acc, fn) {
    7. return fn(acc)
    8. }, value)
    9. }
    10. }
    11. const compose = (...args) => value => args.reverse().reduce ((acc, fn) => fn(acc), value)
    12. const f = compose(toUpper, first, reverse)
    13. console.log(f(['one', 'two', 'three']));

    pointfree
    我们可以把数据处理的过程定义成与数据无关的合成运算,不需要用到代表数据的参数,
    只需要把简单的运算步骤合成到一起,在使用这种模式之前我们需要定义一些辅助的基本运算函数

    • 不需要指明处理的函数
    • 只需要合成运算过程
    • 需要定义一些辅助的运算函数 ```javascript // Hello Word => hello_word

    const fp = require(‘lodash/fp’);

    // const f = fp.flowRight(fp.replace(/\s+/g, ‘_’), fp.toLower) // console.log(f(‘Hello Word’));

    //案例 //word word web ==> W. W. W

    // const f = fp.flowRight(fp.join(‘. ‘), fp.map(fp.first), fp.map(fp.toUpper), fp.split(/\s+/g)); const f = fp.flowRight(fp.join(‘. ‘), fp.map(fp.flowRight(fp.first, fp.toUpper)), fp.split(/\s+/g)); console.log(f(‘word word web’)); ```