js 实现函数式编程组合函数compose

最新推荐文章于 2023-10-31 11:39:23 发布

原创最新推荐文章于 2023-10-31 11:39:23 发布 · 277 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #typescript #开发语言

函数式编程专栏收录该内容

1 篇文章

订阅专栏

本文介绍了组合函数compose在函数式编程中的核心作用，通过实例演示如何将两个函数串联执行，并提供了两种实现方式。重点讲解了通用组合函数的封装和使用场景，适用于前端、后端开发者理解和实践.

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

什么是组合函数compose？

compose是函数式编程中重要的函数，compose函数的作用是组合函数，将函数串联起来执行，一个函数的执行结果是另一个函数的执行参数，一旦一个函数执行，就像多米乐骨牌一样推倒执行。

比如：

function aFn (a) {
  return a * 2
}

function bFn (b) {
  return b + 3
}

const componse = function (fn1, fn2) {
  return function (arg) {
    return fn1(fn2(arg));
  }
}

let myFn = componse(aFn, bFn);
let res = myFn(2)

console.log('res', res)   //10

我们可以封装一个通用的组合函数：

const componse = function (...fns) {
  return function (arg) {
    return fns.reverse().reduce((acc, fn) => {
      return fn(acc)
    }, arg)
  }
}
或者
const componse =(...fns)=>arg=>fns.reverse().reduce((acc,fn)=>fn(acc),arg)

function aFn (a) {
  return a * 2
}

function bFn (b) {
  return b + 3
}

let myFn = componse(aFn, bFn);
let res = myFn(2)

console.log('res', res) //10