Understanding Async/Await in JavaScript

The Problem with Callbacks

Before async/await, JavaScript developers used callbacks and promises to handle asynchronous operations, leading to "callback hell."

Enter Async/Await

async function fetchUserData(userId) {
  const response = await fetch(`/api/users/${userId}`);
  const data = await response.json();
  return data;
}

Error Handling

async function getData() {
  try {
    const result = await fetch("/api/data");
    return await result.json();
  } catch (error) {
    console.error("Failed to fetch:", error);
    throw error;
  }
}

Running in Parallel

const [users, posts] = await Promise.all([
  fetch("/api/users").then(r => r.json()),
  fetch("/api/posts").then(r => r.json()),
]);