medium-function-composition-2.js

const addTwo = prop => {
  console.log(`In addTwo, prop: ${prop}`)
  
  return prop + 2
}
const addTen = prop => {
  console.log(`In addTen, prop: ${prop}`)
  
  return prop + 10
}
const squareResult = prop => {
  console.log(`In squareResult, prop: ${prop}`)
  
  return Math.sqrt(prop, 2)
}
const multiplyByTen = prop => {
  console.log(`In multiplyByTen, prop: ${prop}`)
  
  return prop * 10
}

// not cool
const withTwo = addTwo(2)
const withTen = addTen(withTwo)
const squared = squareResult(withTen)

multiplyByTen(squared) // (2)

// not any better
multiplyByTen(squareResult(addTen(addTwo(2)))) // (3)

const composer = (functions, prop) => functions.reduceRight((acc, fun) => fun(acc), prop)

composer([
  multiplyByTen,
  squareResult,
  addTen,
  addTwo
], 2) // (4)