前言
随着前端技术的不断发展，前端领域中的优秀工具包也越来越多，其中 npm 是不可忽视的工具之一。在 npm 中，除了可以找到一些很方便实用的组件库，还有一些非常强大的函数式编程库，比如 lodash，本文就是要介绍 lodash 中的一个很实用的函数——compose。
compose
lodash.compose 是一个非常实用的函数式编程工具，可以帮助我们更方便地将多个函数组合起来，从而实现更加灵活和高效的数据处理过程。
使用方法
lodash.compose 可以接受多个函数作为参数，这些函数可以是同步或者异步函数，它会将它们组合成一个新的函数，这个新的函数可以一次性地执行所有的函数，将变化传递下去。
下面，我们来看一个简单的例子，假设我们有三个函数func1、func2、func3，它们分别是：
-- -------------------- ---- ------- -------- ---------- - ------ ------------------ - -------- ---------- - ------ --- - - -- --- ----------- - -------- ----------- ------ ----------- -
假设我们要将一个字符串进行大写化、文本拼接，再计算字符串长度，那么使用 lodash.compose 的代码可以如下所示：
var composed = _.compose(func3, func2, func1);
composed('hello, world!');执行结果如下：
20
可以看到，使用 lodash.compose 可以帮助我们将函数组合成一个新的函数，并且这个新的函数的输入和输出都是我们最初始输入的格式，这样就可以充分利用 JavaScript 的函数式编程特点来实现更加灵活和高效的数据处理。
composeRight
除了组合多个函数的 lodash.compose 外，lodash 还提供了一个组合函数的方法——lodash.composeRight，它的作用和 lodash.compose 类似，只不过它是从右向左执行函数的。也就是说，使用 lodash.composeRight 的结果等同于将函数从右向左组合起来。
下面是一个简单的例子，假设我们有一个函数数组 funcs，它包含了一些简单的函数：
const funcs = [
str => str.toUpperCase(),
str => str.split('').join('-'),
str => str + '!',
];这个数组中每个函数都会对传入的字符串进行一些处理，上面这个数组中的函数就是依次将输入的字符串大写、将字符串中的字符用“-”连接起来，再在字符串尾部添加感叹号。
我们可以使用 lodash.composeRight 将这些函数组合起来，例如：
const newFunc = _.composeRight(...funcs);
newFunc('hello-world');执行结果如下：
'HELLO-WORLD!'
通过上面的代码，我们将三个函数通过 lodash.composeRight 组合在一起，从右向左依次执行，可以得到最终的结果。
高级用法
除了基本使用方法，lodash.compose 还有一些高级用法，比如：
返回 Promise
如果你要组合的函数本身是不同步的，例如异步函数，那么返回的组合函数也会是异步的。在这种情况下，使用 lodash.compose 可以方便地将多个异步函数组合成一个新的异步函数，比如：
-- -------------------- ---- ------- ----- ---------- - ----- --- -- - ----- ------ - ----- --------------------------------- ----- ---- - ----- -------------- ------ ----- -- ----- ---------- - ----- --- -- - ------ ---- ----- --------- -- ----- ------------ - --------------------- ------------
在这个例子中，我们定义了两个异步函数，分别是 asyncFunc1 和 asyncFunc2，通过 lodash.compose 可以将这两个异步函数组合成一个新的异步函数 newAsyncFunc，使用它可以得到我们期望的结果：
newAsyncFunc('hello').then(console.log);执行结果如下：
'You said: hello!'
这里千万要注意，lodash.compose 组合的函数必须是异步函数，否则无法得到正确结果。
多次使用
有时候，我们可能需要将一个函数组合起来的结果多次使用，这时候可以继续使用 lodash.compose，例如：
const composedFunc = _.compose(num => num * 2, num => num + 1); const results = [1, 2, 3].map(num => composedFunc(num)); console.log(results);
执行结果如下：
[4, 6, 8]
在这个例子中，我们定义了两个简单的函数，分别是将数字加 1 和将数字乘 2。通过 lodash.compose 将这两个函数组合在一起，得到新的函数 composedFunc。然后我们可以多次使用这个新的函数，将一个数组中的多个数字依次运行，并且得到所期望的结果。
结语
lodash.compose 是一个非常实用的函数式编程工具，可以轻松地将多个函数组合在一起，实现更加灵活和高效的数据处理过程。在实际使用中，请注意返回值的类型问题，避免引起错误。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69445