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