Comment attendre qu'une fonction se termine en JavaScript

JavaScript est de nature asynchrone et n'attend pas l'exécution du code. Par conséquent, c'est une tâche difficile d'attendre un morceau de code avant d'exécuter une autre pièce. De cette façon, les utilisateurs priorisent les fonctions spécifiées qui s'exécutent en premier, tandis que d'autres sont dans la file d'attente. Ce message montre les différentes possibilités d'attendre une fonction pour terminer. Le contenu de ce post est le suivant:

• Comment attendre qu'une fonction se termine en JavaScript
• Utilisation d'une fonction de rappel avec setTimeout () pour attendre une fonction pour terminer
• En utilisant Await Keyword et setTimeout () pour attendre une fonction pour terminer

Comment attendre qu'une fonction se termine en JavaScript?

Par défaut, l'exécution du code JavaScript est asynchrone. Il représente que JavaScript n'attend pas que une fonction se termine avant de commencer les autres parties du code. Une fonction de rappel est utilisée pour exécuter le code de telle manière que l'utilisateur attend qu'une fonction se termine avant l'exécution du prochain morceau de code.

Les mots clés async / attend sont utilisés dans l'environnement asynchrone pour attendre qu'une fonction effectue une exécution supplémentaire. L'objectif de ces mots clés est de suspendre l'opération dans une fonction asynchrone en donnant des commandes de l'objet Promise à exécuter ou non.

Méthode 1: Utilisation d'une fonction de rappel avec setTimeout () pour attendre une fonction pour terminer

Une fonction de rappel est adaptée avec le setTimeout () Méthode pour attendre une fonction avant de poursuivre l'exécution supplémentaire. Pratiquez-nous via l'exemple de code suivant:

Code

console.log ("Un exemple pour utiliser setTimeout");
fonction First ()
console.log ("1er appel");

fonction second ()
console.log ("2ème appel");

fonction troisième ()
console.log ("3ème appel");

setTimeout (function ()
d'abord();
, 3000);
deuxième();
troisième();

La description du code est la suivante:

• Le "d'abord()", "deuxième()" et "troisième()«Des méthodes sont utilisées pour afficher certaines informations en utilisant le«enregistrer()" méthode.
• Maintenant le "setTimeout ()"La méthode est employée en appelant une fonction"d'abord()" et «3000» millisecondes
• Après cela, le «deuxième()" et "troisième()«Les méthodes sont appelées pour exécuter les morceaux de code présents dans ces méthodes.

Sortir

La sortie renvoie le code exécutable de telle manière que le «deuxième()" et "troisième()«Les méthodes sont exécutées après l'exécution complète du«d'abord()" méthode.

Méthode 2: Utilisation d'attendre le mot-clé et setTimeout () pour attendre que une fonction se termine

Une autre méthode est pratiquée en utilisant le mot-clé Await et la méthode setTimeout () pour attendre qu'une fonction se termine en JavaScript. La méthode fonctionne avec un objet de promesse pour réaliser l'opération. L'exemple de code est fourni ci-dessous:

Code

console.log ("Un exemple pour utiliser le mot-clé async / attendu");
Fonction asynchrone Fun ()
console.log ("Bienvenue à JavaScript");
attendre async ();
console.log ("Bienvenue sur LinuxHint");

fonction async ()
retourner la nouvelle promesse ((res) =>
setTimeout (() =>
res ();, 3000););

Amusant();

La description du code est donnée ci-dessous:

• Une fonction "Amusant()"Est utilisé avec le"asynchrone" mot-clé.
• Dans cette fonction, le «Async ()«La méthode est employée avec le«attendre»Mot-clé pour attendre une fonction.
• Dans le "Async ()"Méthode, une méthode de rappel"res ()"Est utilisé avec le"setTimeout ()"Méthode en passant"3000 millisecondes (3 secondes)".

Sortir

Il est observé dans la sortie que le message "Bienvenue à JavaScript" est affiché d'abord puis une attente de 3 secondes est rencontrée. Après cela, la poursuite de l'exécution se poursuit, contenant le message "Bienvenue à Linuxhint".

Conclusion

JavaScript fournit un setTimeout () Méthode qui peut fonctionner avec la fonction de rappel et le mot-clé Await pour attendre une fonction pour terminer. L'objectif de l'utilisation de ces méthodes est d'exécuter un morceau de code après avoir attendu une période spécifique. Le mot-clé Await est utilisé avec un objet de promesse qui rejette ou résout la demande. N'oubliez pas que les deux méthodes sont intégrées au setTimeout () méthode. Ce message a démontré les méthodes possibles pour attendre qu'une fonction se termine en JavaScript.