¿Cómo funciona async/await?

Question

Accepted Answer

`async/await` es **azúcar sintáctico sobre las Promises** que te permite escribir código asíncrono que se lee como código síncrono. Una función `async` siempre retorna una Promise; `await` pausa la función hasta que una Promise se asiente, y luego se reanuda con su valor.

```js
async function loadUser(id) {
  try {
    const res = await fetch(`/api/users/${id}`); // pause until the response
    const user = await res.json();               // pause until parsed
    return user;                                  // becomes the resolved value
  } catch (err) {
    console.error(err); // catches rejections from any await above
  }
}
```

## Secuencial vs. paralelo — un error de rendimiento común

`await` ejecuta las cosas **una tras otra**. Si dos solicitudes no dependen entre sí, esperarlas en secuencia es innecesariamente lento:

```js
// ❌ sequential — total time = a + b
const a = await getA();
const b = await getB();

// ✅ parallel — total time = max(a, b)
const [a, b] = await Promise.all([getA(), getB()]);
```

## Manejo de errores

Usa `try/catch` en lugar de `.catch`. Una promise esperada que se rechaza lanza una excepción, así que un solo `catch` cubre todo el bloque.

## Bajo el capó

Siguen siendo Promises y la cola de microtareas — `await` no bloquea el hilo; cede el control para que otro código se ejecute, y luego se reanuda. No lo olvides: llamar a una función `async` sin esperarla con `await` (o sin `.catch`) puede tragarse los errores.

## Por qué es importante

Hace que los flujos asíncronos sean legibles y es la forma moderna por defecto de secuenciar trabajo asíncrono — pero debes paralelizar conscientemente las operaciones independientes con `Promise.all`.