函数式编程 - 组合compose的使用方法_function compose-优快云博客

本文链接：https://blog.youkuaiyun.com/sunyctf/article/details/135294489

本文介绍了函数式编程中的函数组合概念，特别是compose函数，展示了如何通过简单的示例和递归、reduce等方式实现函数组合，以及其与pipe的区别。作者还提到了在实际开发中如Redux和Koa等框架中的应用实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

函数式编程中有一个比较重要的概念就是函数组合（compose）,组合多个函数，同时返回一个新的函数。调用时，组合函数按顺序从右向左执行。右边函数调用后，返回的结果，作为左边函数的参数传入，严格保证了执行顺序，这也是compose 主要特色。| 函数式编程--函数组合(Function composition) - 知乎

入门简介

组合两个函数

compose 非常简单，通过下面的示例代码，就非常清楚。

function compose (f, g) {
    return function(x) {
        return f(g(x));
    }
}

var arr = [1, 2, 3],
reverse = function(x){ return x.reverse()},
getFirst = function(x) {return x[0]},
compseFunc = compose(getFirst, reverse);
    
compseFunc(arr);   // 3

参数在函数间就好像经过‘管道’传输同样，最右边的函数接收外界参数，返回结果传给左边的函数，最后输出结果。

组合任意个函数

上面组合了两个函数的compose，也让咱们了解了组合的特点，接着咱们看看如何组合更多的函数，由于在实际应用中，不会像入门介绍的代码那么简单。

主要注意几个关键点：

1、利用arguments的长度得到所有组合函数的个数

2、reduce 遍历执行全部函数。

var compose = function() {
      var args = Array.prototype.slice.call(arguments);
      
      return function(x) {
       if (args.length >= 2) {
       
          return args.reverse().reduce((p, c) => {
            return p = c(p)
         }, x)
         
       } else {
           return args[1] && args[1](x);
       }
      }
    }
   
// 利用上面示例 测试一下。
var arr = [1, 2, 3],
reverse = function(x){ return x.reverse()},
getFirst = function(x) {return x[0]},
trace = function(x) {  console.log('执行结果：', x); return x}
    
compseFunc = compose(trace, getFirst, trace, reverse);
    
compseFunc(arr);   
 // 执行结果： (3) [3, 2, 1]
 // 执行结果： 3
 // 3

如此实现，基本没什么问题，变量