Understanding JavaScript Async/Await

Async JavaScript Made Easy

Async/await revolutionized how we write asynchronous code in JavaScript.

Before Async/Await

// Callback Hell
getUserData(userId, function(user) {
  getOrders(user.id, function(orders) {
    getOrderDetails(orders[0], function(details) {
      console.log(details);
    });
  });
});

With Async/Await

async function getUserOrders(userId) {
  const user = await getUserData(userId);
  const orders = await getOrders(user.id);
  const details = await getOrderDetails(orders[0]);
  return details;
}

Much cleaner!