组合函数，lodash.flow(flowRight)的原理

一丢丢介绍

如果一个函数要经过多个函数处理才能得到最终值，这个是可以把中间过程的函数合并成一个函数。

• 函数就像是数据的管道，函数组合就是将这些管道连接起来，让数据穿过多个管道形成最终结果。
• 函数组合默认是从右到左默认运行的。

打个比方，如果一个函数， a通过 fn 这个管道处理之后变成了b，如果这个管道够长，那么当fn出现问题时候，要排查其中哪一个位置发生了错误，就需要很大的工作量。

担如果将fn这个管道拆分成f1，f2，f3三个管道，每个管道各司其职。在排查问题的时候，定位速度就快很多了。并且，在数据处理的过程中，我们只在乎最终结果，所以中间结果都是不需要关注的。

具体实现

初步

如下，这是一个 “获取数据最后一个元素” 的方法，通过compose将reverse、first数组进行组合，后续只需要调用compose即可获得结果，无需再手动依次调用reverse、first函数； 达到复用的效果： // 获取数组最后一个元素 const compose = (f, g) => { return value => f(g(value)); };

const reverse = array => array.reverse(); const first = array => array[0];

const last = compose(first, reverse); // 通过预设组合的运算顺序、内容得出结果

console.log(last([1,2,3,4,5]));

进阶，lodash的使用，及其原理

而上一步的组合函数的组合数量是有限的，只能两个。 那么，为了让代码复用达到更好的效果，就要实现一个通用型的组合函数： 我们期望，实现一个compose函数，应该是可以接受任意的组合数量，返回每一个自定义的组合函数，这才是最终目的。

常见的，使用lodash库来实现组合 1、lodash本身也提供了组合函数 flow() 和 flowRight() 2、flow() 是从左到右运行 3、flowRight() 是从右到左运行 （上图案例就是）

使用方法：

const _ = require('lodash');

const reverse = array => array.reverse();
const first = array => array[0];
const toUpper = str => str.toUpperCase();

const d = _.flowRight(toUpper, first, reverse);
const b = _.flow(reverse, first, toUpper);

console.log(d(['a', 'b', 'c'])); // C
console.log(b(['a', 'b', 'c'])); // C

那么，最后一步，就要来分析，flowRight的原理是怎么实现了， 关键之处在于reduce 的运用，循环的传递每一次运算结果，来达到通过的组合效果 而flow，则是不执行reverse 即可；

const compose = (...args) => (value) => args.reverse()
    .reduce((acc, fn) =>  fn(acc), value);
    // 翻转、累次回调 回调函数

const reverse = array => array.reverse();
const first = array => array[0];
const toUpper = str => str.toUpperCase();
console.log(compose(toUpper, first, reverse)(['a', 'b', 'c'])); // C

问题排查

前面提到的，组合函数有助于排查定位问题，一方面是因为颗粒度降低，每一个输入输出都有固定的关系，可以通过这方面取排查。另一方面，除了平时的打断点调试，组合函数还有一个比较新颖的排查方式： 通过排查输入输出的结果，判断问题是在哪条管道出现的。

比方说，我们定义一个函数。

const log = (val) => { 
    console.log(val); return val; 
}
// 这个方法，用于打印清晰的内容，
// sep是步骤名称，val是输出结果
const trace = _.curry((sep, val) => {
    console.log(sep, val);
    return val;
});

在上一步我们定义了一个组合函数的运算

compose(toUpper, first, reverse)

通过这两者的结合：

compose(toUpper, log, first, log , reverse);
compose(toUpper, trace('first输出：'), first, trace('reverse输出：'), reverse);
// 每一次执行结束，都可以通过log打印出阶段性结果，从而判断错误的管道位置。

每一次执行结束，都可以通过log打印出阶段性结果，从而判断错误的管道位置。

总结： 函数的组合要满足结合律： 所谓组合律：abc依次调用的函数，无论是先组合ab再组合c,还是先组合bc，再组合a；结果都是一致。 可以理解为加法结合律。 compose(a, compost(b, c)) === compose(compost(a, b), c)； 其实就是调用顺序不变，随便你组~

文章内容输出来源：拉勾教育Java高薪训练营