compose

[zhangyanan0525]

compose

• 一种最容易理解的写法

  const compose = function(f, g){
  return function(x){
      return f(g(x))
  }
  }

  使用compose

  var toUpperCase = function(x){
  return x.toUpperCase()
  }
  var exclaim = function(x){
  return x + '  hello'
  }
  var shout = compose(exclaim, toUpperCase)
  shout('zhangyanan')

  注意：g将先于f执行，因此创建了一个从右到左的数据流。

• 当然我们也可以用es6来写一个compose

  const compose = ( fnsArray ) => (x) => fnsArray.reduce( (pre, next)=>pre(next(x)) )
  var toUpperCase = function(x){
  return x.toUpperCase()
  }
  var exclaim = function(x){
  return x + '  hello'
  }
  var shout = compose([exclaim, toUpperCase])
  shout('zhangyanan')

  优势

  每一个函数都可以拆分开来写，然后按照我们的需求组合在一起使用

  pointfree

  pointfree模式指的是，永远不必说出你的数据

  
  const compose = ( fnsArray ) => (x) => fnsArray.reduce( (pre, next)=>pre(next(x)) )
  var toUpperCase = function(x){
  return x.toUpperCase()
  }
  var exclaim = function(x){
  return x + '  hello'
  }

非pointfree模式 var foo = function(name){ return compose([exclaim, toUpperCase])(name) } pointfree模式 var foo = compose([exclaim, toUpperCase])

pointfree模式能帮助我们减少不必要的命名，让代码保持简洁和通用

[zhangyanan0525]

例子：redux源码的compose