throttleReduce

throttleReduce.js

async function throttleReduce(ops) {
  let resolvedResults = []
  for (let i = 0; i < ops.length; i++) {
    let op = ops[i]
    let result = await waitForNext(op.bind(null, i))
    resolvedResults.push(result)
  }
  return resolvedResults
}

function waitForNext(op) {
  return new Promise((resolve, reject) => {
    requestAnimationFrame(() => {
      try {
        let result = op()
        console.log(result)
        resolve(result)
      } catch (error) {
        reject(error)
      }
    })
  })
}

function dummyOp(val) {
  for (let i = 0; i < 20000000; i++) {
    Math.random()
  }

  return val
}

const ops = _.times(600, () => dummyOp)

// call this method to kick off the whole enchilada
const DoStuff = async () => {
  let results = await throttleReduce(ops)
}