Callback Hell, Promise Chains & Async/Await - Inspired by this gif: https://media.discordapp.net/attachments/244238416248569857/489901409907769344/js-callbacks-promises-asyncawait.gif

async-await.js

// https://i.imgur.com/V0PNlIZ.png

(async () => {
  const a = await getData();
  const b = await getMoreData(a);
  const c = await getMoreData(b);
  const d = await getMoreData(c);
  const e = await getMoreData(d);
  console.log(e)
})();

callbacks.js

// https://i.imgur.com/3vrblsw.png

getData(a => {
  getMoreData(a, b => {
    getMoreData(b, c => {
      getMoreData(c, d => {
        getMoreData(d, e => {
          console.log(e)
        })
      })
    })
  })
})

promise-chains.js

// https://i.imgur.com/rxyblDT.png

getData()
.then(a => getMoreData(a))
.then(b => getMoreData(b))
.then(c => getMoreData(c))
.then(d => getMoreData(d))
.then(e => console.log(e))