Come aspettare che le promesse vengano risolte in JavaScript

Come aspettare che le promesse vengano risolte in JavaScript

Le promesse sono caratteristiche ampiamente utilizzate nel linguaggio di programmazione JavaScript. Le promesse hanno un ruolo chiave in JavaScript per attendere fino al completamento dell'esecuzione di attività specifiche. Consente all'utente di eseguire l'attività successiva dopo aver completato un'attività. Questo post dimostra la promessa di aspettare utilizzando il risolvere() Metodo in JavaScript. È utile per le funzioni di callback che eseguono un codice in base alle esigenze dell'utente. Inoltre, può gestire il controllo del flusso di eventi asincroni, dove vengono chiamati eventi paralleli.

Perché le promesse sono richieste in JavaScript?

JavaScript può eseguire un'attività in un determinato momento in modo sequenziale. Tuttavia, l'esecuzione del codice in parallelo provoca alcuni problemi. Ad esempio, se un utente imposta 5 secondi per il setTimeout () Metodo, il JavaScript eseguirà la parte successiva del codice prima di completare l'attività precedente. Pertanto, sono necessarie promesse per attendere fino a quando l'attività corrente non viene eseguita.

Lavorare le promesse in Javascript

Una promessa è un oggetto basato su JavaScript che restituisce un valore dopo aver completato o completato un'attività asincrona. L'attività completata si riferisce alla chiamata di funzione Resolve, mentre l'attività incompleta indica la chiamata di funzione di rifiuto. La sintassi viene fornita qui considerando la promessa con la chiamata di funzione Resolve.

Sintassi

Promettere.risolvere (valore);

La sintassi restituisce una promessa "oggetto" che risolve il passaggio valore.

Diversi stati di promessa in Javascript

La promessa è creata utilizzando il costruttore. Una promessa è un oggetto che contiene tre forme, "soddisfatto", "respinto", E "in attesa di" e sono descritti di seguito:

  • soddisfatto: si riferisce alla risoluzione della promessa.
  • respinto: indica che la promessa è stata respinta.
  • in attesa di: Specificare lo stato iniziale prima che la promessa venga respinta o risolta.

Nota: La promessa è principalmente utilizzata per le operazioni asincroni. Ma gli utenti possono rifiutare o risolvere l'operazione sincronizzando.

Pratichiamo esempi diversi si considera che aspetti la promessa con diversi periodi di tempo.

Esempio 1: in attesa di 3 secondi

Un esempio è seguito dall'utilizzo della promessa di aspettare 3000 millisecondi in JavaScript.

Codice

console.log ("Esempio per aspettare che le promesse vengano risolte");
const p1 = new Promise ((Resolve, Reject) =>
setTimeout (() =>
console.log ("prima promessa risolto");
, 3000);
);

In questo codice:

  • In primo luogo, il "Promettere" Il costruttore è chiamato da a nuovo parola chiave.
  • Dopodiché, callback a setTimeout () Metodo passando una stringa "Prima promessa risolta" E "3000" millisecondi.
  • Quindi, la stringa di passaggio attende 3 secondi per risolvere la promessa in JavaScript.

Produzione

L'output mostra che un messaggio "Prima promessa risolta" viene visualizzato dopo 3 secondi.

Esempio 2: usando le parole chiave "Async" e "Aspetta" per aspettare una promessa

Un altro esempio è considerato utilizzando il asincrone E Aspetta Parole chiave per aspettare le promesse in JavaScript. Il codice è fornito di seguito.

Codice

console.log ("promette di essere risolto");
Funzione Async Info ()
const promettone = new Promise (Resolve =>
risolvere ('Welcome to JavaScript'));
const txt = aspetta la promessa;
console.log (txt);
restituire txt;
informazioni()

In questo codice:

  • In primo luogo, funzione informazioni() è impiegato con il "Async" Parole chiave che restituisce la promessa.
  • Dopodiché, il "Promettere" Il costruttore viene chiamato con un nuovo Parola chiave e un callback a "risolvere()" metodo.
  • Un messaggio "Benvenuti in JavaScript" viene superato come argomento per risolvere il metodo.
  • IL "Async" La parola chiave è consentita con "attendere " parola chiave.
  • IL Aspetta La parola chiave viene utilizzata per attendere le promesse e archiviarle in "TXT" variabile.
  • Alla fine, il informazioni() il metodo è chiamato a restituire il "TXT" variabile.

Produzione

L'output restituisce un messaggio "Benvenuti in JavaScript" impiegando il metodo di promessa di risoluzione.

Esempio 3: attendere 2 secondi utilizzando le parole chiave "Async" e "Aspetta"

Il seguente codice viene portato ad attendere che le promesse vengano risolte utilizzando il asincrone E Aspetta Parole chiave.

console.log ("promette di essere risolto");
funzione async wait_tim ()
Lascia che p2 = attendi promessa;
console.log (p2);

Let Promise = new Promise (Resolve =>
setTimeout (() => resolve ('javascript'), 2000);
);
wait_tim ();

La spiegazione del codice è la seguente:

  • In primo luogo, il wait_tim () Il metodo è definito con il "Async" Parole chiave che restituisce la promessa.
  • Inoltre, il Aspetta La parola chiave viene impiegata per aspettare una promessa e archiviarla in "TXT" variabile.
  • Dopodiché, il "Promettere" Il costruttore viene chiamato con un nuovo parola chiave che richiama un file risolvere metodo.
  • In questo metodo, il setTimeout () Il metodo viene utilizzato passando una stringa "Javascript" E "2000" millisecondi.
  • Alla fine, il "Wait_tim ()" Il metodo è chiamato ad aspettare "2 secondi" Per risolvere la promessa.

Produzione

L'output mostra che un messaggio "Javascript" Aspetta 2 secondi prima di stampare sulla console.

Conclusione

JavaScript fornisce a Promettere.risolvere() Metodo per attendere le promesse e restituire un oggetto Promise che viene risolto fornendo un determinato valore. Questo articolo spiega il funzionamento di un oggetto Promise insieme alla sintassi. Il metodo è utile per controllare il flusso di eventi asincroni, in cui vengono chiamati eventi paralleli. Inoltre, vengono forniti numerosi esempi per attendere la promessa impiegando il setTimeout () metodo.