JS组合函数(Composition)：原来如此！

 有时会听到组合函数这个概念，就是到这是高阶函数，函数式编程，特别高大上。但是可能我们都没察觉到，平时一直都在使用它。（本文阅读时间约15分钟）

目录

1. 组合函数是什么？

2. COMPOSE

3. FLOW

4. PIPE

5. 原来如此！

6. 参考资料

---

1. 组合函数是什么？

组合函数是将两个函数组合成一个新函数。（柯里化可以让函数更灵活，让函数的粒度更小，便于函数组合产生最大的功能），也就是说，用新函数调用一个函数，获取结果，然后将其传递给另一个函数。仅此而已。在代码中，它看起来像这样：

// c2是组合的新函数，相当于另外两个函数的缩写
const c2 = (funcA, funcB) => x => funcA(funcB(x));

可以看到出现这样一种情况，从一个函数返回一个函数。这就是为什么那里有两个箭头。

我们怎么实际应用它？来，让我们想象一下我们正在开发某种评论功能。例如，我们希望在评论中仅允许图片和链接，但不允许任何其他HTML。为了实现这一点，我们将创建一个简单的Markdown。链接如下所示：

[link text goes here](http://example.com/example-url)

图片如下所示：

![alt text goes here](/link/to/image/location.png)

现在，使用正则表达式，我们可以为每个表达式编写一个函数。用适当的 HTML 替换字符串并：

const imagify = str => str.replace(
    /!\[([^\]"<]*)\]\(([^)<"]*)\)/g,
    '<img src="$2" alt="$1" />'
);
const linkify = str => str.replace(
    /\[([^\]"<]*)\]\(([^)<"]*)\)/g,
    '<a href="$2" rel="noopener nowfollow">$1</a>'
);

创建一个同时转换图片和链接的函数，就是c2()：

const linkifyAndImagify = c2(linkify, imagify);

不过，c2()在这里使用并没减少太多代码：

const linkifyAndImagify = str => linkify(imagify(str));

c2()函数包含了这2项处理。如果我们添加更多功能，过程会稍微繁琐一点。例如，还又要添加对下划线的处理：

const emphasize = str => str.replace(
    /_([^_]*)_/g,