手动实现一个compose函数

在前端开发中，compose 函数通常用于组合多个函数，使得这些函数可以按照指定的顺序依次执行，并将前一个函数的输出作为后一个函数的输入。这样的函数组合方式在函数式编程中非常常见。

下面是一个简单的 compose 函数的实现，它接受一系列函数作为参数，并返回一个新的函数，这个新函数会按照从右到左的顺序依次执行这些函数：

function compose(...fns) {
  if (fns.length === 0) {
    return arg => arg;
  }

  if (fns.length === 1) {
    return fns[0];
  }

  return fns.reduce((a, b) => (...args) => a(b(...args)));
}

这个 compose 函数的实现利用了 JavaScript 的 reduce 方法，将多个函数组合成一个新的函数。具体来说，reduce 方法接受一个回调函数和一个初始值作为参数，然后遍历数组中的每个元素，将回调函数应用于当前元素和累积值，从而生成一个新的累积值。在这个例子中，回调函数是一个箭头函数 (...args) => a(b(...args))，它接受任意数量的参数，并将 b 函数应用于这些参数，然后将 b 函数的输出作为 a 函数的输入。最终，reduce 方法返回一个新的函数，这个函数就是组合后的函数。

下面是一个使用示例：

const double = x => x * 2;
const increment = x => x + 1;
const square = x => x * x;

const composedFn = compose(square, increment, double);
console.log(composedFn(3)); // 输出：((3 * 2) + 1) ^ 2 = 49

在这个示例中，我们定义了三个简单的函数 double、increment 和 square，然后使用 compose 函数将它们组合成一个新的函数 composedFn。当我们调用 composedFn(3) 时，它会按照从右到左的顺序依次执行这三个函数，并将前一个函数的输出作为后一个函数的输入。具体来说，它首先会将 3 传递给 double 函数得到 6，然后将 6 传递给 increment 函数得到 7，最后将 7 传递给 square 函数得到 49，并将 49 作为最终的输出结果。