Run results for: pipe/compose functions

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4000.3 Safari/537.36

Browser: Chrome 81

Operating system: Windows

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
pipe 1	395961.7 Ops/sec
pipe 2	296096.3 Ops/sec
pipe 3	390832.3 Ops/sec

Script Preparation code:

const pipe1 = (...funcs) => {
    if (funcs.length === 0) return v => v
  
    if (funcs.length === 1) return funcs[0]
  
    return funcs.reduce((accum, f) => {
      if (Array.isArray(f)) return arg => {
          var res = accum(arg)
          return f.map(ff => ff(res));
      }
  
      if (typeof f === 'object') return arg => {
          var res = accum(arg)
          return Object.entries(f).reduce((accumObj, [key, ff]) => {
              accumObj[key] = ff(res)
              return accumObj
          }, {})
      }
  
      return arg => f(accum(arg))
    })
  }
  
  const pipe2 = (...funcs) => {
    if (funcs.length === 0) return v => v
  
    if (funcs.length === 1) return funcs[0]
  
    return funcs.reduce((accum, f) => {
      return arg => {
        if (Array.isArray(f)) {
            var res = accum(arg)
            return f.map(ff => ff(res));
        }
  
        if (typeof f === 'object') {
            var res = accum(arg)
            return Object.entries(f).reduce((accumObj, [key, ff]) => {
                accumObj[key] = ff(res)
                return accumObj
            }, {})
        }
  
        return f(accum(arg))
      }
    })
  }
  
  
  const pipe3 = (...funcs) => {
    if (funcs.length === 0) return v => v
  
    if (funcs.length === 1) return funcs[0]
  
    return input => funcs.reduce((prev, f) => {
      if (Array.isArray(f)) return f.map(ff => ff(prev));
  
      if (typeof f === 'object') return Object.entries(f).reduce((accumObj, [key, ff]) => {
            accumObj[key] = ff(prev)
            return accumObj
        }, {})
  
      return f(prev)
    }, input)
  }
  
  const fMake = lable => arg => {
    return arg + lable
  }
  
  var piped1 = pipe1(fMake('O'), [fMake('1'), fMake(2), fMake(3)], a => a.join(), {A: fMake('A'), B: fMake('B'), C: fMake('C')})
  
  var piped2 = pipe2(fMake('O'), [fMake('1'), fMake(2), fMake(3)], a => a.join(), {A: fMake('A'), B: fMake('B'), C: fMake('C')})
  
  var piped3 = pipe1(fMake('O'), [fMake('1'), fMake(2), fMake(3)], a => a.join(), {A: fMake('A'), B: fMake('B'), C: fMake('C')})

Tests:

pipe 1
piped1('a')
pipe 2
piped2('a')
pipe 3
piped3('a')

Run results for: pipe/compose functions

pipe 1

pipe 2

pipe 3