Thinking--函数式编程pipe&compose

奋飛

发布于 2021-08-30 10:15:53

1810

发布于 2021-08-30 10:15:53

文章被收录于专栏：Super 前端

Thinking系列，旨在利用10分钟的时间传达一种可落地的编程思想。

业务场景描述：A函数执行完毕后，将结果传递给B函数，然后执行B函数。如：

( x + 1 ) ∗ 10 (x+1)*10 (x+1)∗10

// 加1
function addOne (x) {
  return x + 1
}
// 乘2
function multiTwo (x) {
  return x * 2
}

链式调用

链式调用侧重于 oop 风格：先有对象，再调用对象方法。

class Calculate {
  constructor (value) {
    this.value = value
  }
  addOne () {
    this.value += 1
    return this
  }
  multiTwo () {
    this.value *= 2
    return this
  }
}

// 链式调用
new Calculate(10).addOne().multiTwo()

函数式编程

pipe/compose 将对象和操作对象的方法分离开，更侧重于对函数（逻辑）的操作（组合），复用性更好！

arr.reduce(callback[accumulator, currentValue, currentIndex, array], initialValue)

pipe

从左往右执行函数组合

function pipe () {
  const args = [].slice.apply(arguments);
  return function(x) {
    return args.reduce((res, cb) => cb(res), x);
  }
}

// 22
pipe(addOne, multiTwo)(10)

compose

从右往左执行函数组合（右侧函数的输出作为左侧函数的输入）

function compose () {
  const args = [].slice.apply(arguments);
  return function(x) {
    return args.reduceRight((res, cb) => cb(res), x);
  }
}

// 22
compose(multiTwo, addOne)(10)

addOne、multiTwo 变得更加灵活，可以当做函数独立运行，也可以被复用到各个对象、class等中。更重要的是保持了数据不变性和函数无副作用的特性。

更多函数，可参照函数式编程库 ramda

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020/08/14 ，如有侵权请联系 cloudcommunity@tencent.com 删除

class