函数式编程-组合函数compose的4种实现方式

        函数式编程中，经常提到组合函数compose，调用方式有compose(f,g,h)、compose(compose(f,g),h)等等，返回结果是一个新函数，redux库中也有相应实现。本文就compose，介绍4种实现方式。

1. 方式一：使用JavaScript数组的reduce函数，从前往后迭代函数数组funcs， 每次记录生成的新函数prev，下次再将函数cur的求值结果作为新函数prev的参数

const compose = (...funcs) => {
    if(funcs.length === 0) {
        return arg => arg;
    }
    
    if(funcs.length === 1) {
        return funcs[0];
    }

    return funcs.reduce((prev, cur) => {
       return (...args) => {
           return prev(cur(...args));
        } 
    });
}

2. 方式二：使用JavaScript数组的reduceRight函数，从后往前迭代函数数组funcs，每次记录函数求值结果prev

const compose = (...funcs) => {
    if(funcs.length === 0) {
        return arg => arg;
    }
    
    if(funcs.length === 1) {
        return funcs[0];
    }

    return (...args) => {
        return funcs.reduceRight((prev, cur, i) => {
            let param = i === funcs.length - 1 ? args : [ prev ];
            return cur(...param);
        }, args);
    }
}

3. 方式三：使用for...of，从前往后迭代函数数组funcs， 每次记录生成的新函数com，下次迭代时将函数com赋值给prev，并将函数cur的求值结果作为新函数prev的参数

const compose = (...funcs) => {
    let com = arg => arg;
    for(const cur of funcs) {
        const prev = com;
        com = (...args) => prev(cur(...args));
    }
    return com;
}

4. 方式四：使用for，从后往前迭代函数数组funcs，每次记录函数求值结果res

const compose = (...funcs) => {
    if(funcs.length === 0) {
        return arg => arg;
    }

    return (...args) => {
        let res, len = funcs.length;    
        for(let i = len - 1; i >=0; i--) {
            param = i === len - 1 ? args : [ res ];
            res = funcs[i](...param);
        }
        return res;
    }
}

        其中，方式一和方式三是从前往后迭代，方式二和方式四是从后往前迭代。

注：以上，如有不合理之处，还请帮忙指出，大家一起交流学习~