Come funziona async/await?

Question

Accepted Answer

`async/await` è **zucchero sintattico sopra Promises** che ti permette di scrivere codice asincrono che sembra codice sincrono. Una funzione `async` restituisce sempre una Promise; `await` mette in pausa la funzione finché una Promise non si risolve, quindi riprende con il suo valore.

```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
  }
}
```

## Sequenziale vs parallelo — un errore di performance comune

`await` esegue le cose **una dopo l'altra**. Se due richieste non dipendono l'una dall'altra, attendere in sequenza è inutilmente 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()]);
```

## Gestione degli errori

Usa `try/catch` invece di `.catch`. Una Promise rifiutata in attesa genera un'eccezione, quindi un `catch` copre l'intero blocco.

## Sotto il cofano

È ancora Promises e la microtask queue — `await` non blocca il thread; cede il controllo in modo che altro codice possa eseguire, quindi riprende. Non dimenticare: chiamare una funzione `async` senza `await` (o `.catch`) può nascondere gli errori.

## Perché è importante

Rende i flussi asincroni leggibili ed è lo standard moderno per sequenziare il lavoro asincrono — ma devi consapevolmente parallelizzare le operazioni indipendenti con `Promise.all`.