¿Cuál es la ventaja del azúcar sintáctico presentado en forma de async/await en comparación con Promise?

La principal ventaja de async/await sobre las promesas "puros" es la capacidad de escribir código asíncrono en un estilo más sincrónico y legible.

Comparación:

Aspecto	Promise	async/await
Legibilidad	Puede llevar a "encadenamientos de promesas".	Permite escribir código casi como sincrónico.
Manejo de errores	Usa .catch().	Usa try...catch estándar.
Secuencialidad	Requiere encadenamiento cuidadoso o Promise.all.	Claro y fácil de leer.
Depuración	Puede ser más difícil seguir el flujo.	Similar a depurar código sincrónico.
Ruido sintáctico	Muchos .then(), .catch().	Menos código boilerplate.

Ejemplo con promesas:

// Ejemplo con Promise
fetch('user.json')
  .then(response => response.json())
  .then(user => fetch(`https://api.github.com/users/${user.name}`))
  .then(githubUser => githubUser.json())
  .then(githubUser => {
    // Procesamiento de datos
    console.log(githubUser);
  })
  .catch(error => {
    console.error('Error:', error);
  });

Ejemplo con async/await:

// Ejemplo con async/await
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();

    // Procesamiento de datos
    console.log(githubUser);
  } catch (error) {
    console.error('Error:', error);
  }
}

getUserData();

Por lo tanto, async/await no reemplaza a las promesas, sino que es un azúcar sintáctico sobre ellas, haciendo que las operaciones asíncronas sean más intuitivas y fáciles de mantener.