Wie kann ich asynchrone JavaScript-Funktionen ohne „setTimeout()' erstellen?

Asynchrone Funktionen in Javascript: Erstellen Sie Ihre eigenen ohne setTimeout()

Javascript-Ereignishandler wie das Klickereignis führen Code normalerweise synchron aus. Es gibt jedoch Szenarien, in denen Sie möglicherweise asynchrone Funktionen erstellen möchten, die Code im Hintergrund ausführen können.

Um zu verstehen, was wir unter asynchron verstehen, betrachten Sie das bereitgestellte Codebeispiel. Wenn der Benutzer auf das Element „Link“ klickt, werden die Meldungen „Enter“ und „Exit“ sofort in der Konsole protokolliert. Allerdings wird die „Fertig“-Meldung, die Teil einer Animationsfunktion ist, asynchron protokolliert.

Dieses asynchrone Verhalten ermöglicht die Ausführung von anderem Code, während die Animation läuft. Technisch gesehen wird die „Exit“-Meldung also protokolliert, bevor die Animation abgeschlossen ist.

Wenn Sie Ihre eigene asynchrone Funktion erstellen möchten, ist es wichtig zu beachten, dass Javascript keine native Möglichkeit dafür bietet. Stattdessen müssen Sie Technologien nutzen, die die asynchrone Ausführung nativ unterstützen.

Technologien für die asynchrone Ausführung:

• setInterval
• setTimeout
• requestAnimationFrame
• XMLHttpRequest
• WebSocket
• Worker
• HTML5-APIs (z. B. Datei-API, Webdatenbank-API)
• Technologien, die onload unterstützen

Zum Beispiel verwendet die Animationsfunktion von jQuery tatsächlich setInterval intern, um eine asynchrone Ausführung zu erreichen.

Daher können Sie zwar keine wirklich benutzerdefinierte asynchrone Funktion in Javascript erstellen, ohne diese Technologien zu nutzen, Sie können effektiv asynchrones Verhalten erzeugen, indem Sie die verfügbaren Tools von Javascript und seinen Bibliotheken nutzen.

Das obige ist der detaillierte Inhalt vonWie kann ich asynchrone JavaScript-Funktionen ohne „setTimeout()' erstellen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!