使用 compose 有什么好处?

What is the benefit of using compose?

我正在学习使用 Ramda 并且遇到了 compose。但是我无法理解它的目的

let value = R.compose( calledThird, calledSecond, calledFirst('hello') );

// vs

let value = calledThird( calledSecond( calledFirst('hello') ) );

是否纯粹为了柯里化?或许...

let curried = R.compose( calledThird, calledSecond, calledFirst );

curried('hello');

还有其他用途吗?

你的第二个例子正是它的原因,虽然这实际上与柯里化无关。

函数组合允许您从更简单的函数构建更复杂的函数。

假设您有一些需要排序的数据类型,比方说约会集合。鉴于您已经有一个 sortByDate 函数和一个 reverse 函数,您可以将 sortByDateDescending 写成

var sortByDateDescending = function(appointments) {
    return reverse(sortByDate(appointments));
}

或者在 ES6 中:

const sortByDateDescending = appointments => reverse(sortByDate(appointments));

这没有错。但是如果你用 compose 帮助器来编写它,它有几个优点:

var sortByDateDescending = compose(reverse, sortByDate);

首先,它显然更短,并且随着您添加更多函数,尤其是 es6 之前的代码,差异会变得更大。

但更重要的是,这可以让您专注于有意义的事情。您在这里组合 函数 ;最终将传递的数据是目标,但在构建新功能时,它主要是一种干扰。

通过这样写,您可以专注于正在发生的事情:您按日期对列表进行排序,然后反转结果。

更专注于函数式编程的语言使这更简单,使用不显眼的运算符而不是像 compose 这样的函数。在 Haskell 中,等价物看起来像

sortByDateDescending = reverse . sortByDate

但是 Javascript 没有那种优雅。我们能做的最好的事情就是创建像 compose 这样的函数(或者它的 order-reversed 双胞胎,pipe。)

我的 introduction to Ramda post 提供了更多这种风格的工作示例。


顺便说一句,柯里化是完全不同的野兽。这是一种使在此类组合中重用函数变得更加容易的技术。但这主要是分散注意力。如果你有兴趣,我也have a post讨论这个问题。

Scott 的回答很棒 - 只是想添加一些更真实的例子。

当您看到很多这种模式时,您可以找出改进代码的地方,在这些模式中您不断地使用直通函数处理一些数据:

var list = [3, 4, 1, 2];

list = filterOutEvens(list);
list = sort(list);
list = prependFoo(list);

您可能会想做这样的事情:

[3, 4, 1, 2].filterOutEvens().sort().prependFoo();

但是你记得要实现这一点,你必须向 Array.prototype 添加内容,这绝对是一个禁忌。

R.compose 给你次优的东西(记住它是从右到左工作的):

var processList = R.compose(prependFoo, sort, filterOutEvens);
processList([3, 4, 1, 2]);

如果您想尝试一下,请查看完整示例:

function filterOutEvens(list) {
    return list.filter(function(item) {
        return item % 2 !== 0;
    });
}

function sort(list) {
    // More cleanly use R.sort here instead of native Array.prototype.sort, which operates in-place.
    var diff = function(a, b) { return a - b; };
    return R.sort(diff, list);
}

function prependFoo(list) {
    return list.map(function(item) {
        return 'foo-' + item;
    });
}

var processList = R.compose(prependFoo, sort, filterOutEvens);

var result = processList([3, 4, 1, 2]);
// -> ["foo-1", "foo-3"]

// Display Whosebug snippet output.
document.body.innerHTML = JSON.stringify(result, null, 2);
<script src="//cdn.jsdelivr.net/ramda/0.19.1/ramda.min.js"></script>