Verzögere die Ausführung einer asynchronen Funktion

JavaScriptJavaScriptBeginner
Jetzt üben

This tutorial is from open-source community. Access the source code

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Lab werden wir untersuchen, wie man die Ausführung einer asynchronen Funktion in JavaScript verzögern kann. Indem wir die sleep-Funktion verwenden und ein Promise zurückgeben, können wir einen Teil der async-Funktion für eine bestimmte Zeit pausieren, was eine bessere Kontrolle und Verwaltung der Codeausführung ermöglicht. Anhand von praktischen Beispielen werden wir lernen, wie man diese Technik effektiv in Echtzeit-Szenarien implementiert.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/ToolsandEnvironmentGroup(["Tools and Environment"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/BasicConceptsGroup -.-> javascript/loops("Loops") javascript/BasicConceptsGroup -.-> javascript/functions("Functions") javascript/AdvancedConceptsGroup -.-> javascript/async_prog("Asynchronous Programming") javascript/ToolsandEnvironmentGroup -.-> javascript/debugging("Debugging") subgraph Lab Skills javascript/variables -.-> lab-28270{{"Verzögere die Ausführung einer asynchronen Funktion"}} javascript/data_types -.-> lab-28270{{"Verzögere die Ausführung einer asynchronen Funktion"}} javascript/comp_ops -.-> lab-28270{{"Verzögere die Ausführung einer asynchronen Funktion"}} javascript/loops -.-> lab-28270{{"Verzögere die Ausführung einer asynchronen Funktion"}} javascript/functions -.-> lab-28270{{"Verzögere die Ausführung einer asynchronen Funktion"}} javascript/async_prog -.-> lab-28270{{"Verzögere die Ausführung einer asynchronen Funktion"}} javascript/debugging -.-> lab-28270{{"Verzögere die Ausführung einer asynchronen Funktion"}} end

Wie man die Ausführung einer asynchronen Funktion in JavaScript verzögert

Um die Ausführung einer asynchronen Funktion in JavaScript zu verzögern, kannst du die untenstehende sleep-Funktion verwenden, die ein Promise zurückgibt, das nach einer bestimmten Zeit aufgelöst wird. Hier ist ein Beispiel dafür, wie man die Ausführung eines Teils einer async-Funktion mit sleep verzögert:

const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));

async function sleepyWork() {
  console.log("Ich werde für 1 Sekunde schlafen.");
  await sleep(1000);
  console.log("Ich bin nach 1 Sekunde aufgewacht.");
}

Um diese Funktion zu verwenden, rufe einfach sleepyWork() auf, und die Konsole wird die Nachrichten mit einer Verzögerung von 1 Sekunde zwischen ihnen ausgeben.

Zusammenfassung

Herzlichen Glückwunsch! Du hast das Lab "Verzögere die Ausführung einer asynchronen Funktion" abgeschlossen. Du kannst in LabEx weitere Labs absolvieren, um deine Fähigkeiten zu verbessern.