Lodash _.flowRight() 方法

在 Javascript 中，函数通常可以组合为更复杂的函数，因此我们需要一种方法来简化这个过程。Lodash 库提供了一个名为 _.flowRight() 的方法，可以让我们轻松地将多个函数组合成一个函数。

语法

_.flowRight([funcs])

这里的 funcs 是一个函数数组，它的元素是一组需要被组合的函数。这个方法返回的函数将按照从右到左的顺序应用所有函数，也就是说，最右边的函数最先执行，最左边的函数最后执行。

示例

让我们看一个简单的例子，假设我们有两个函数 increment 和 double，分别用于将给定数字加一和乘以二：

function increment(x) {
    return x + 1;
}

function double(x) {
    return x * 2;
}

我们可以将这两个函数组合到一个新函数中，这个新函数可以按照从右向左的顺序先将数字乘以二，再加一：

const combinedFn = _.flowRight([increment, double]);
console.log(combinedFn(3)); // 7

实现原理

这个方法的实现很简单，它只是对 funcs 数组中的每个函数进行了一次 reduceRight() 操作。这个 reduceRight() 操作会将数组中的每个函数组合成一个新函数，这个新函数将按照从右到左的顺序执行所有函数。

下面是 _.flowRight() 方法的简单实现：

function flowRight(funcs) {
    return funcs.reduceRight(function(prevFn, currFn) {
        return function(...args) {
            return currFn(prevFn(...args));
        };
    });
}

这里的 ...args 是 ES6 的展开操作符，它可以将一个数组展开为一组单独的参数。在这个方法中，我们使用展开操作符来将参数传递给函数，并确保每个函数都接收前一个函数的结果作为输入。