So warten Sie, bis eine Funktion in JavaScript abgeschlossen ist

JavaScript ist in der Natur asynchron und wartet nicht auf die Ausführung von Code. Daher ist es eine herausfordernde Aufgabe, auf ein Code zu warten, bevor Sie ein anderes Stück ausführen. Auf diese Weise priorisieren Benutzer die angegebenen Funktionen, die zuerst ausgeführt werden, während andere in der wartenden Warteschlange stehen. Dieser Beitrag zeigt die verschiedenen Möglichkeiten, auf eine Funktion zu warten. Der Inhalt dieses Beitrags lautet wie folgt:

• So warten Sie, bis eine Funktion in JavaScript abgeschlossen ist
• Verwenden einer Rückruffunktion mit setTimeout (), um auf eine Funktion zu warten
• Verwenden Sie das Keyword und setTimeout (), um auf eine Funktion zu warten, um eine Funktion zu beenden

So warten Sie, bis eine Funktion in JavaScript abgeschlossen ist?

Standardmäßig ist die Ausführung des JavaScript -Codes asynchron. Es stellt dar, dass JavaScript keine Funktion erwartet. Eine Rückruffunktion wird verwendet, um den Code so auszuführen, dass der Benutzer darauf wartet, dass eine Funktion vor der Ausführung des nächsten Code -Stücks fertiggestellt wird.

Die Async/Aused -Schlüsselwörter werden in der asynchronen Umgebung verwendet, um auf eine Funktion zu warten, um eine weitere Ausführung auszuführen. Das Ziel dieser Schlüsselwörter ist es, die Operation in einer asynchronen Funktion durchzulegen, indem Befehle aus dem Versprechensobjekt zur Ausführung angegeben werden oder nicht.

Methode 1: Verwenden einer Rückruffunktion mit setTimeout (), um auf eine Funktion zu warten

Eine Rückruffunktion ist mit dem angepasst setTimeout () Methode zum Warten auf eine Funktion, bevor Sie mit der weiteren Ausführung fortfahren. Lassen Sie uns über den folgenden Beispielcode üben:

Code

Konsole.log ("ein Beispiel zur Verwendung von SetTimeout");
Funktion first ()
Konsole.log ("1. Anruf");

Funktion Second ()
Konsole.log ("2. Anruf");

Funktion dritter ()
Konsole.log ("3. Anruf");

setTimeout (function ()
Erste();
, 3000);
zweite();
dritte();

Die Beschreibung des Codes lautet wie folgt:

• Der "Erste()”, “zweite()" Und "dritte()„Methoden werden verwendet, um einige Informationen durch Verwendung der“ anzuzeigenProtokoll()" Methode.
• Jetzt die "setTimeout ()"Methode wird durch Aufrufen einer Funktion verwendet"Erste()" Und "3000" Millisekunden
• Danach das "zweite()" Und "dritte()Methoden werden aufgefordert, die in diesen Methoden vorhandenen Codestücken auszuführen.

Ausgang

Die Ausgabe gibt den ausführbaren Code so zurück, dass das “zweite()" Und "dritte()"Methoden werden nach der vollständigen Ausführung der" ausgeführt "Erste()" Methode.

Methode 2: Verwenden Sie das Keyword und setTimeout (), um auf eine Funktion zu warten, um eine Funktion zu beenden

Eine andere Methode wird durch die Verwendung der Keyword- und SetTimeOut () -Methode auf erwartete Keyword und setTimeout () geübt, um auf eine Funktion zu warten, die in JavaScript abgeschlossen ist. Die Methode funktioniert mit einem Versprechensobjekt, um die Operation zu erfüllen. Der Beispielcode ist unten bereitgestellt:

Code

Konsole.log ("ein Beispiel für die Verwendung von Async/Aused Keyword");
asynchrische Funktion fun ()
Konsole.log ("Willkommen bei JavaScript");
erwarten async ();
Konsole.log ("Willkommen bei LinuxHint");

Funktion async ()
Neues Versprechen zurückgeben ((res) =>
setTimeout (() =>
res ();, 3000););

Spaß();

Die Beschreibung des Code ist unten angegeben:

• Eine Funktion "Spaß()"Wird mit dem" verwendet "asynchron" Stichwort.
• In dieser Funktion die “Asynchronisiert ()"Methode wird mit der" verwendet "erwartenSchlüsselwort, um auf eine Funktion zu warten.
• Im "Asynchronisiert ()"Methode, eine Rückrufmethode"res ()"Wird mit dem" verwendet "setTimeout ()"Methode durch Übergabe"3000 Millisekunden (3 Sekunden)”.

Ausgang

Es wird in der Ausgabe beobachtet, dass die Nachricht "Willkommen bei JavaScript" wird zuerst angezeigt und dann wird eine Wartezeit von 3 Sekunden auftreten. Danach wird die weitere Ausführung fortgesetzt, die die Nachricht enthält “Willkommen bei LinuxHint”.

Abschluss

JavaScript liefert a setTimeout () Methode, die mit der Rückruffunktion und dem Keyword warten kann, um auf eine Funktion zu warten. Das Ziel, diese Methoden anzuwenden. Das Keyword wird mit einem Versprechensobjekt verwendet, das die Anfrage ablehnt oder behebt. Denken Sie daran, dass beide Methoden in die integriert sind in die setTimeout () Methode. Dieser Beitrag hat die möglichen Methoden zum Warten auf eine Funktion in JavaScript gezeigt.