12. JavaScript async/await

// 1. CALLBACK HELL (stary sposób)
getUser(userId, (user) => {
  getPosts(user.id, (posts) => {
    getComments(posts[0].id, (comments) => {
      // 3 poziomy zagnieżdżenia... a to dopiero początek!
      console.log(comments);
    });
  });
});

// 2. PROMISE CHAIN (lepiej)
getUser(userId)
  .then(user => getPosts(user.id))
  .then(posts => getComments(posts[0].id))
  .then(comments => console.log(comments))
  .catch(err => console.error(err));

// 3. ASYNC/AWAIT (najczytelniej)
async function loadData() {
  try {
    const user = await getUser(userId);
    const posts = await getPosts(user.id);
    const comments = await getComments(posts[0].id);
    console.log(comments);
  } catch (err) {
    console.error(err);
  }
}

// Sekwencyjnie — wolno! (czekamy na każde po kolei)
const user = await getUser(id);      // 200ms
const posts = await getPosts(id);    // 200ms
// Łącznie: 400ms

// Równolegle — szybko!
const [user, posts] = await Promise.all([
  getUser(id),    // oba startują jednocześnie
  getPosts(id),   //
]);
// Łącznie: ~200ms (tyle ile dłuższe z dwóch)