链接和功能组成

时间:2018-08-21 18:12:33

标签: javascript functional-programming chaining function-composition

这是我想理解的一段代码:

const seq2 = (f1, f2) => {
 return (...args) => {

  return f2( f1( ...args) );
 }
}



const seq = ( f1, ...fRest) =>
 fRest.reduce( seq2, f1 );

const elevator = {
 floor: 5
};

const up = elevator => {
 return {
  floor: elevator.floor + 1
 }
};

const down = elevator => {
 return {
  floor: elevator.floor - 1
 }
};


const move = seq( up, up, down, up);
const newElevator = move( elevator );



console.log( newElevator.floor ) // shows 7

这是js函数式编程课程的一个示例。而且我正在尝试找出是否可以简化seq函数,使其看起来像这样

const seq = ( ...fRest) => fRest.reduce( seq2 );

????

我是否有任何特定原因必须将f1作为第一个参数传递,然后将其作为initialValue进一步传递给reduce方法?当我在reduce方法中不指定initialValue时,默认情况下它不会将第一个数组元素accumulator视为initialValue吗?如果有人可以向我解释该代码中发生了什么,我将不胜感激:)

1 个答案:

答案 0 :(得分:6)

seq()会尝试在没有累加器的情况下减少空数组,这是一个错误–并非f1以此解决了作者在此处编写的方式。

  

initialValue –用作callback的第一次调用的第一个参数的值。如果未提供初始值,则将使用数组中的第一个元素。在没有初始值的空数组上调用reduce()是一个错误–源MDN:Array.prototype.reduce

使用seq构建空序列时,seq()的更可靠实现不会导致错误

const identity = x =>
  x

const seq2 = (f, g) =>
  (...args) => f (g (...args))

const seq = (f = identity, ...rest) =>
  rest.reduce (seq2, f)

const up = elevator =>
  ({ floor: elevator.floor + 1 })
  
const down = elevator =>
  ({ floor: elevator.floor - 1 })

console.log
 ( seq (up, up, down, up) ({ floor: 3 }) // { floor: 5 }
 , seq () ({ floor: 3 })                 // { floor: 3 }
 )

seq的简化版本,通过禁止可变参数功能的组合来促进更好的功能卫生

const identity = x =>
  x

const seq = (f = identity, ...rest) =>
  f === identity
    ? f
    : x => seq (...rest) (f (x))

const up = elevator =>
  ({ floor: elevator.floor + 1 })
  
const down = elevator =>
  ({ floor: elevator.floor - 1 })

console.log
 ( seq (up, up, down, up) ({ floor: 3 }) // { floor: 5 }
 , seq () ({ floor: 3 })                 // { floor: 3 }
 )