Q23. What is async/await and how does it improve upon Promises?

// Promise — চেইন দিয়ে
function getUser() {
  return fetch("/api/user")
    .then(function (res) { return res.json(); })
    .then(function (user) { return user.name; });
}

// async/await — সরাসরি
async function getUser() {
  const res = await fetch("/api/user");
  const user = await res.json();
  return user.name;
}

async function load() {
  try {
    const res = await fetch("/api/user");
    if (!res.ok) throw new Error("সার্ভার ত্রুটি");
    return await res.json();
  } catch (error) {
    console.error(error.message);
    return null;
  } finally {
    console.log("সবসময় চলে");
  }
}

// ভুল — দ্বিতীয় কাজ প্রথমটার জন্য অপেক্ষা করছে
const user = await getUser();
const posts = await getPosts(); // অপেক্ষা করছে

// ভালো — দুটো একসঙ্গে শুরু হচ্ছে
const [user, posts] = await Promise.all([
  getUser(),
  getPosts(),
]);

// app.js — module হলে কাজ করে
const config = await fetch("/config").then(function (r) {
  return r.json();
});