Thinking--函数式编程pipe&compose

2021-08-30 10:15:53 浏览数 (1)

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

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

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

代码语言:javascript复制
// 加1
function addOne (x) {
  return x   1
}
// 乘2
function multiTwo (x) {
  return x * 2
}

链式调用

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

代码语言:javascript复制
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 将对象和操作对象的方法分离开,更侧重于对函数(逻辑)的操作(组合),复用性更好!

代码语言:javascript复制
arr.reduce(callback[accumulator, currentValue, currentIndex, array], initialValue)
pipe

从左往右执行函数组合

代码语言:javascript复制
function pipe () {
  const args = [].slice.apply(arguments);
  return function(x) {
    return args.reduce((res, cb) => cb(res), x);
  }
}

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

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

代码语言:javascript复制
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

0 人点赞