实现一个 compose 函数

实现一个 compose 函数，进行函数合成，比如 redux 中的 compose，react 高阶组件连续调用时的 compose。

const add10 = (x) => x + 10;
const mul10 = (x) => x * 10;
const add100 = (x) => x + 100;


// (10 + 100) * 10 + 10 = 1110
compose(add10, mul10, add100)(10);

compose 函数是一种函数式编程的概念，它可以将多个函数组合成一个新的函数。在JavaScript中，compose 函数的实现通常是使用 reduceRight 方法，从右到左依次执行每个函数。

以下是一个简单的compose函数的实现：

function compose(...funcs) {
    return function(initialValue) {
        return funcs.reduceRight((value, func) => func(value), initialValue);
    };
}

在这个实现中，compose 函数接受一系列的函数作为参数，然后返回一个新的函数。这个新的函数接受一个初始值，然后使用 reduceRight 方法从右到左依次调用每个函数，每次调用的结果作为下一次调用的输入。

所以，compose(add10, mul10, add100)(10) 的执行过程是：

1.首先调用add100(10)，得到结果110。2.然后调用mul10(110)，得到结果1100。3.最后调用add10(1100)，得到结果1110。

这就是 compose 函数的工作原理。