本文共 707 字，大约阅读时间需要 2 分钟。

函数组合是将多个函数按照特定顺序组合起来，从而实现数据的传递和处理。这种方法允许我们将不同功能模块串联起来，充分发挥每个函数的作用，实现复杂任务的完成。

函数组合的核心在于如何将各个函数连接起来。最基本的函数组合可以通过一个简单的compose函数来实现。该函数接受两个函数fn和gn，然后返回一个新的函数。这个新函数会首先执行gn，然后将结果传递给fn。这种设计使得数据从右到左依次传递，也就是说，执行顺序是自右向左的，通常称为“右结合”。

然而，这种实现方式并没有完全满足我们的需求。为了使函数组合更加通用化，我们可以对它进行优化。通过将所有需要使用的函数收集到数组中，并利用reduce方法从右到左依次执行这些函数，就可以实现更灵活的组合方式。

在ES6+版本中，我们可以利用数组的展开运算符...来简化代码。通过将所有组合函数传递给reduceRight方法，我们可以实现从右到左的函数执行顺序。这种方法不仅代码简洁，还能有效地避免缓存重复计算。

以下是一个实现函数组合的简洁代码示例：

const compose = (...args) => x => args.reduceRight((res, cb) => cb(res), x);

通过这种方式，我们可以轻松地组合多个函数。例如，如果我们需要实现“字符串翻转并分割”的功能，可以通过如下方式组合函数：

const newCompose = compose3(toUpperCase, split, reverse);const result = newCompose('time');

这种组合方式既简洁又高效，能够清晰地展示各个函数的执行顺序。