ES2017 ha introdotto JavaScript Async/Wait che è un involucro attorno alle promesse. L’asincronizzazione/Aspetta viene utilizzato per consumare API basate sulla promessa nel modo moderno e più semplice.

Cos'è Async Wait in JavaScript??

Panoramica ## Abbiamo coperto JavaScript Promises nel nostro precedente post sul blog e devi visitare se vuoi ottenere una chiara comprensione del concetto dietro le promesse di JavaScript. In questa serie di JavaScript Tutorials, siamo qui con un’altra guida JavaScript che dimostrerà le moderne caratteristiche dell’asincronizzazione JavaScript/Abvet. Questo post sul blog è per coloro che hanno una conoscenza preliminare delle promesse di JavaScript. Inoltre, cercheremo di coprire ciò che è asincrone/attesa in JavaScript e quando dobbiamo usare Async/Abved. Inoltre, copriremo anche gli errori di gestione con asincroni/attesa. Quindi, dai una lettura approfondita a questo JavaScript Async/Aspetta Tutorial per contrassegnare questo concetto controllato. Passeremo attraverso le seguenti sezioni in questo asincrone JavaScript attende il tutorial:

Cos’è ASYNC/ATSEGGIO in JavaScript | L’asincronizzazione attende la sintassi

ECMAScript 2017 ha rilasciato nuove funzionalità di JavaScript e Async/Wait è una delle più utilizzate tra queste caratteristiche. L’asincronizzazione/attesa è costruito sopra le promesse ed è in realtà un modo moderno per gestire le promesse JavaScript. Vediamo come usare le parole chiave Async/Abvet nel codice JavaScript:

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().then(function(){
  console.log(data); // results printed.
})

Bene, la parola chiave Async all’inizio della funzione implica che questa funzione restituirà una promessa. Quindi, attendere la parola chiave viene sempre utilizzata all’interno del corpo della funzione asincrona per mettere in pausa l’esecuzione della funzione fino a quando la promessa non si risolve. La cosa importante da notare qui è che non puoi usare la parola chiave di attesa all’interno del corpo di una funzione regolare. Tuttavia, è possibile utilizzare solo con funzioni asincrone dichiarate con la parola chiave asincrima.

Quando usare l’asincronizzazione/attesa?

Finora, hai la risposta a che cosa è Async in attesa in JavaScript . Dal momento che questo è solo un involucro attorno alle tradizionali promesse JavaScript, quindi è meglio usare questo nuovo modo per creare e gestire le promesse in modo più pulito e leggibile. Inoltre, puoi sbarazzarti di molteplici promesse. QUELLE () Chiamate utilizzando asincroni/attesa che alla fine rende il codice sorgente più gestibile e mantenibile. La parola chiave di attesa incapsula l’istruzione .then () in una singola riga.

Gestione degli errori con asincroni/attesa

La gestione degli errori è un’attività critica quando si tratta di sviluppo del software a livello aziendale. Esistono diversi modi per catturare errori nell’approccio Async/Aspetta.

Prova a catturare Async Aspetta JavaScript

Prova a catturare Async Attesa JavaScript : niente di nuovo con questo approccio di gestione degli errori. Tuttavia, è possibile utilizzare un blocco Try/Catch all’interno di una funzione Async come mostrato nello snippet di codice di seguito:

async function getValues() {
  try{
    let promise = new Promise(function(resolve, reject) {
     // processing.. 
    });

    let data = await promise; // waits until the promise fulfills
   
    return data;
  } catch(err){
    // you may handle errors the way you want..
  }
 
}

Usando il blocco Try/Catch, è possibile catturare le eccezioni all’interno del corpo di una funzione asincrona. Considerando che esiste un altro approccio alla gestione degli errori in cui è possibile aggiungere il blocco .CATCH () alla fine della chiamata di funzione. Poiché l’asincronizzazione/attesa restituisce una promessa, quindi catturi gli errori nel blocco .CATCH ().

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().catch(err){
 // catch the errors 
}

Conclusione

Stiamo terminando questo JavaScript Async Aspetta il tutorial . Spero che tu abbia una migliore comprensione di ciò che è Async attesa in JavaScript . Inoltre, abbiamo attraversato JavaScript Async attende la sintassi che rende il codice sorgente meno complesso. Questa funzionalità JavaScript viene ampiamente utilizzata per il suo ricco utilizzo e le prestazioni. Nei prossimi giorni, scriveremo ulteriormente su funzionalità e concetti JavaScript in modo da poter ottenere un forte comando sui concetti di JS. Inoltre, ci sono altri articoli interessanti menzionati nella sezione “vedi anche”.

Connettiti con noi

Infine, containerize.com offre tutorial JavaScript in corso su vari argomenti entusiasmanti. Puoi rimanere aggiornato seguendoci sulle nostre piattaforme di social media, tra cui Facebook, LinkedIn e Twitter.

Fai una domanda

Puoi farci conoscere le tue domande o domande sul nostro forum.

FAQ

Che cos’è l’asincrone in attesa in javascript con esempio? Puoi visitare questo link per comprendere il concetto di asincrone atteso. Che cos’è Async Wait vs Promise?

  • Async/Wait rende il codice sorgente più chiaro e leggibile rispetto alle promesse in cui il concatenamento della promessa può rendere il codice sorgente un disastro.
  • La gestione degli errori è abbastanza simile in entrambi gli approcci.
  • Il debug è meno difficile nell’asincronizzazione.
  • Promette mantengono gli stati come in sospeso, risolti o respinti. Considerando che l’asincronizzazione/attesa viene risolto o rifiutato.

Guarda anche