Mi az előnye az async/await formájában bemutatott szintaktikus cukornak a Promise-hoz képest?

Az async/await fő előnye a "tiszta" ígéretekkel szemben, hogy lehetővé teszi az aszinkron kód írását egy szinkronabb és olvashatóbb stílusban.

Összehasonlítás:

Szempont	Promise	async/await
Olvashatóság	Vezethet "ígéretláncokhoz".	Szinte szinkronként írhatjuk a kódot.
Hibakezelés	.catch()-t használ.	A standard try...catch-t használja.
Szekvencialitás	Óvatos láncolást vagy Promise.all-t igényel.	Világos és könnyen olvasható.
Hibakeresés	Nehezebb lehet követni a folyamatot.	Szinkron kód hibakereséséhez hasonló.
Szintaktikai zaj	Sok .then(), .catch().	Kevesebb boilerplate kód.

Példa ígéretekkel:

// Példa Promise-szal
fetch('user.json')
  .then(response => response.json())
  .then(user => fetch(`https://api.github.com/users/${user.name}`))
  .then(githubUser => githubUser.json())
  .then(githubUser => {
    // Adatok feldolgozása
    console.log(githubUser);
  })
  .catch(error => {
    console.error('Hiba:', error);
  });

Példa async/await-tel:

// Példa async/await-tel
async function getUserData() {
  try {
    const userResponse = await fetch('user.json');
    const user = await userResponse.json();

    const githubResponse = await fetch(`https://api.github.com/users/${user.name}`);
    const githubUser = await githubResponse.json();

    // Adatok feldolgozása
    console.log(githubUser);
  } catch (error) {
    console.error('Hiba:', error);
  }
}

getUserData();

Így az async/await nem helyettesíti az ígéreteket, hanem szintaktikus cukorként van felettük, ami az aszinkron műveleteket intuitívabbá és könnyebben karbantarthatóvá teszi.