Asynchrone Funktionen verketten

Einführung

In diesem Lab werden wir untersuchen, wie man asynchrone Funktionen in JavaScript verketten kann. Wir werden lernen, wie man durch ein Array von Funktionen mit asynchronen Ereignissen iteriert und die next-Funktion aufruft, wenn jedes Ereignis abgeschlossen ist. Am Ende des Labs sollten Sie in der Lage sein, eine Reihe asynchroner Operationen in einer bestimmten Reihenfolge effizient auszuführen.

Skills Graph

Asynchrone Funktionen verketten

Um asynchrone Funktionen zu verketten, öffnen Sie das Terminal/SSH und geben Sie node ein. Dann iterieren Sie durch ein Array von Funktionen, die asynchrone Ereignisse enthalten, und rufen Sie die next-Funktion auf, wenn jedes asynchrone Ereignis abgeschlossen ist.

Hier ist ein Codeausschnitt, der zeigt, wie man asynchrone Funktionen verketten kann:

const chainAsync = (fns) => {
  let curr = 0;
  const last = fns[fns.length - 1];
  const next = () => {
    const fn = fns[curr++];
    fn === last ? fn() : fn(next);
  };
  next();
};

chainAsync([
  (next) => {
    console.log("0 Sekunden");
    setTimeout(next, 1000);
  },
  (next) => {
    console.log("1 Sekunde");
    setTimeout(next, 1000);
  },
  () => {
    console.log("2 Sekunden");
  }
]);

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Asynchrone Funktionen verketten" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.