async await

1. Il concetto, spiegato da zero

async/await rende il codice asincrono più leggibile senza convertirlo in codice sincrono.

Una funzione async restituisce sempre una Promise. await sospende soltanto quella funzione fino al completamento della Promise. Per errori usa try/catch.

2. Un esempio ragionato

Osserva l’esempio e leggi ogni istruzione nell’ordine. Prima di provarlo, fermati a prevedere cosa succederà; capire il motivo del risultato è più importante che memorizzare la sintassi.

async function esempio() {
  const numero = await Promise.resolve(9);
  console.log(numero);
}
esempio();

9

Come leggere questo esempio

1. Prima di eseguire, prova a prevedere il risultato dell’esempio.
2. Spiega con parole tue in che modo “async await” risolve un problema concreto.
3. Rileggi ogni riga del programma e individua i valori che vengono creati o modificati.
4. Modifica un valore; confronta il comportamento e annota che cosa è cambiato.

3. Adesso tocca a te

Obiettivo dell’esercizio: Usa async/await per ricevere un valore da una Promise.

Puoi partire dall’esempio, riprodurlo e poi modificarlo. La soluzione di riferimento è disponibile sotto, ma conviene aprirla soltanto dopo un primo tentativo.

Il risultato comparirà qui.

async function esempio() {
  const numero = await Promise.resolve(9);
  console.log(numero);
}
esempio();

4. Verifica e ripasso

5. Come proseguire

Prima del capitolo successivo, prova a spiegare il concetto a un amico senza leggere il codice. Se non riesci, torna all’esempio e fai una nuova variante: imparare significa anche sperimentare.