JavaScript函数式编程中代码组合(compose)的理解

// 一个将小写转大写的函数
let toUpperCase = (x) => x.toUpperCase();

// 一个在字符后加！的函数
let exclaim = (x) => x + '!';

// 将两个函数组合起来, 这里假设我们实现了compose
let shout = compose(toUpperCase,exclaim);

shout('js每日一题') // JS每日一题 !, 显示结果里上面两个函数的特点都应用上了

// 我们有一个将字符转换成大写并且将其空格转换为'-'的函数
// 细节的同学应该发现这个函数暴露了一个word形参
// 根据pointfree定义，此函数非pointfree模式
let snakeCase = (word) => word.toUpperCase().replace(/\s+/ig,'-');

// 下面这个函数与上面的功能一致，但我们可以观察到其没有数据暴露,所以其为pointfree模式
let snakeCase = compose(replace(/\s+/ig,'-'),toUpperCase)

// 这样子其实就能满足我们上面示例的要求了
const compose = function(f, g) {
 return function(x) {
 return f(g(x));
 };
};

// 摘自 https://github.com/reactjs/redux/blob/master/src/compose.js
export default function compose(...funcs) {
 // 没有传入函数运行直接返回参数
 if (funcs.length === 0) {
 return arg => arg
 }
 // 只传入一个函数，就返回其本身
 if (funcs.length === 1) {
 return funcs[0]
 }
 
 // 核心代码其实就是一句reduce, reduce特性就是按顺序执行，并且将结果传递给下一次执行, 这里多说一句, reduce顺序执行多个相依赖的promise也很好用
 return funcs.reduce((a, b) => (...args) => a(b(...args)))
}