Come aspettare che una funzione finisca in JavaScript

JavaScript è di natura asincrona e non aspetta l'esecuzione del codice. Pertanto, è un compito impegnativo attendere un pezzo di codice prima di eseguire un altro pezzo. In questo modo, gli utenti danno la priorità alle funzioni specificate che eseguono per prime, mentre altre sono in coda in attesa. Questo post dimostra le varie possibilità per l'attesa di una funzione per finire. Il contenuto di questo post è il seguente:

• Come aspettare che una funzione finisca in JavaScript
• Utilizzo di una funzione di callback con setTimeout () per attendere la finitura di una funzione
• Utilizzando la parola chiave di attesa e setTimeout () per attendere la finitura di una funzione

Come aspettare che una funzione finisca in JavaScript?

Per impostazione predefinita, l'esecuzione del codice JavaScript è asincrona. Rappresenta che JavaScript non attende la completa una funzione prima di iniziare le altre parti del codice. Viene utilizzata una funzione di callback per eseguire il codice in modo tale che l'utente attenda che una funzione finisca prima dell'esecuzione del prossimo pezzo di codice.

Le parole chiave Async/Awit sono utilizzate nell'ambiente asincrono per attendere che una funzione esegui un'ulteriore esecuzione. L'obiettivo di queste parole chiave è sospendere l'operazione in una funzione asincrima dando comandi dall'oggetto Promise da eseguire o no.

Metodo 1: utilizzando una funzione di callback con setTimeout () per attendere la finitura di una funzione

Una funzione di callback è adattata al setTimeout () metodo per attendere una funzione prima di procedere con l'ulteriore esecuzione. Pratichiamo tramite il seguente codice di esempio:

Codice

console.log ("un esempio per utilizzare setTimeout");
funzione prima ()
console.log ("1a chiamata");

funzione secondo ()
console.log ("2nd call");

funzione terzo ()
console.log ("3a chiamata");

setTimeout (function ()
Primo();
, 3000);
secondo();
terzo();

La descrizione del codice è la seguente:

• IL "Primo()", "secondo()" E "terzo()"I metodi sono utilizzati per visualizzare alcune informazioni utilizzando il"tronco d'albero()" metodo.
• Ora il "setTimeout ()"Il metodo viene impiegato chiamando una funzione"Primo()" E "3000" millisecondi
• Dopodiché, il "secondo()" E "terzo()"Sono chiamati metodi per eseguire i pezzi di codice presenti in questi metodi.

Produzione

L'output restituisce il codice eseguibile in modo tale che "secondo()" E "terzo()"I metodi vengono eseguiti dopo la completa esecuzione del"Primo()" metodo.

Metodo 2: utilizzando la parola chiave Abveat e setTimeout () per attendere la finitura di una funzione

Un altro metodo è praticato utilizzando il metodo Abswait Key e setTimeout () per attendere che una funzione finisca in JavaScript. Il metodo funziona con un oggetto Promise per adempiere all'operazione. Il codice di esempio è fornito di seguito:

Codice

console.log ("Un esempio per utilizzare la parola chiave asincr/attesa");
funzione Async Fun ()
console.log ("Welcome to JavaScript");
Attendi asincroni ();
console.log ("Welcome to LinuxHint");

funzione async ()
return New Promise ((Res) =>
setTimeout (() =>
res ();, 3000););

Divertimento();

La descrizione del codice è riportata di seguito:

• Una funzione "Divertimento()"È utilizzato con il"asincrone" parola chiave.
• In questa funzione, il "Async ()"Il metodo è impiegato con il"Aspetta"Parola chiave per attendere una funzione.
• Nel "Async ()"Metodo, un metodo di callback"res ()"È usato con il"setTimeout ()"Metodo passando"3000 millisecondi (3 secondi)".

Produzione

Si osserva nell'output che il messaggio "Benvenuti in JavaScript" viene visualizzato per primo e poi si incontra un'attesa di 3 secondi. Successivamente, l'ulteriore esecuzione continua, contenente il messaggio "Benvenuti in Linuxhint".

Conclusione

JavaScript fornisce a setTimeout () Metodo che può funzionare con la funzione di callback e la parola chiave di attesa per attendere una funzione per finire. L'obiettivo di impiegare questi metodi è eseguire un pezzo di codice dopo aver atteso un tempo specifico. La parola chiave di attesa viene utilizzata con un oggetto Promise che rifiuta o risolve la richiesta. Ricorda, entrambi i metodi sono integrati con il setTimeout () metodo. Questo post ha dimostrato i possibili metodi per attendere una funzione da completare in JavaScript.