JavaScript -Schlaffunktion

JavaScript ist die Sprache der Freiheit, ist aber gleichzeitig eine funktionsorientierte Sprache. Im Gegensatz zu anderen Sprachen bietet JavaScript keine integrierte Sleep () -Funktion. Sie können entweder eine benutzerdefinierte Sleep () -Funktion mit der integrierten SetTimeout () -Funktion erstellen, oder das neueste ECMAScript verspricht eine asynchronisierte Funktion. Dieser Artikel zeigt Ihnen, wie Sie die Ausführung der Schlaffunktion für eine gewünschte Zeit mit Versprechen oder asynchronisierten Funktionen stoppen oder pausieren.

Bevor es losgeht

Bevor Sie mit dem Aufbau einer Schlaffunktion beginnen, müssen Sie verstehen, dass die SetTimeOut () -Funktion nicht funktioniert, wenn Sie erwarten, dass sie die Ausführung stoppt. Viele Programmierer und Entwickler versuchen, die Funktion mit Schleifen zu verwenden, fehlschlagen jedoch, da die Funktion setTimeout () verwendet wird, um auf eine bestimmte Zeit zu warten, und führt dann die angegebene Funktion aus. Sie können jedoch die Funktion setTimeout () verwenden, um eine Schlaffunktion mit Versprechen zu erstellen, wenn Ihr Ziel ist, die Ausführung für eine gewünschte Zeitspanne zu stoppen.

Verwenden der Schlaffunktion

Wir werden also eine benutzerdefinierte Schlaffunktion erstellen, in der die Funktion in Millisekunden Zeit als Argument bekommt und ein Versprechen zurückgibt. Das Versprechen beinhaltet eine SetTimeOut () -Funktion, die den Resolver als Funktion und Zeit in Millisekunden an die SetTimeout () -Funktion übergeben wird. Am Ende sollte die Schlaffunktion also folgendermaßen aussehen:

Funktion Schlaf (ms)
Neue Versprechen zurückgeben (Resolver => setTimeout (Resolver, MS));
;

Und nun können Sie sie problemlos verwenden, wo Sie diese Schlaffunktion verwenden möchten.

Jetzt werden wir diese Schlaffunktion in einigen Beispielen verwenden, um Ihnen zu zeigen, wie Sie sie in der Praxis verwenden können.

Zunächst werden wir versuchen, einen Text zu trösten und die Schlaffunktion aufzurufen. Da die Schlaffunktion ein Versprechen zurückgibt, setzen wir danach eine dann Funktionen, in der wir einen Text trösten und das Argument '5000' an die Schlaffunktion übergeben werden. Nach dem Ausführen des Programms sehen Sie in der Konsole, dass es 5 Sekunden lang schlafen wird.

Konsole.log ("Schlaffunktion wird 10 Sekunden warten und dann" Fertig "");
Schlaf (5000).dann (() =>
Konsole.log ("fertig");
)

Sie können die Verzögerung von 5 Sekunden beobachten, um in den Status „Fertig“ in der Konsole zu gelangen.

Angenommen, wir möchten nach allen 2 Sekunden eine Animation durchführen. Dazu schreiben wir einfach eine asynchrone Animationsfunktion, in der wir etwas animieren, die Ausführung 2 Sekunden lang mit dem Schlaf stoppen und diesen Vorgang mit einer für die Schleife 10 Mal wiederholen werden.

Async Function Animation (ms)
Konsole.log ("Start ...");
für (lass i = 0; i < 10; i++)
Konsole.log ("Animation nach 2 Sekunden ...")
Warten Sie den Schlaf (MS)

Konsole.Protokoll ("Dies ist das Ende.");

Nachdem wir die asynchrone Animationsfunktion geschrieben haben, können wir jetzt die Animationsfunktion aufrufen.

Animation (2000);

Nach dem Ausführen des Code sehen Sie in der Konsole, dass der Text „Animation nach 2 Sekunden“ alle zwei Sekunden wiederholt wird.

Abschluss

Dieser Artikel hat Ihnen gezeigt, wie Sie neben mehreren Demonstrationen eine benutzerdefinierte Schlaffunktion erstellen können. Ich hoffe, dieser Artikel hat Ihnen geholfen, die Verwendung der Schlaffunktion besser zu verstehen. Sie können mehr über JavaScript unter LinuxHint erfahren.com.