Wie kann die Ausführung ordnungsgemäß angehalten werden, bis eine asynchrone Funktion abgeschlossen ist?

Richtige Möglichkeit, die Ausführung anzuhalten, bis eine Funktion abgeschlossen ist

Bei der Arbeit mit mehreren asynchronen Funktionen ist es oft notwendig, auf den Abschluss einer Funktion zu warten, bevor eine andere ausgeführt wird. Lassen Sie uns eine Lösung untersuchen und elegantere Ansätze erkunden.

Originallösung

Die bereitgestellte Lösung verwendet einen Abfragemechanismus mit setTimeout, um kontinuierlich zu überprüfen, ob die erste Funktion abgeschlossen wurde:

<code class="javascript">var isPaused = false;

function firstFunction() {
    isPaused = true;
    // Do something
    isPaused = false;
}

function secondFunction() {
    firstFunction();
    function waitForIt() {
        if (isPaused) {
            setTimeout(waitForIt, 100);
        } else {
            // Do something else
        }
    }
}</code>

Obwohl diese Methode funktionieren kann, ist sie aufgrund ihrer Abhängigkeit von Umfragen nicht optimal.

Elegante Ansätze

Rückruffunktionen:

Eine gängige Praxis besteht darin, Rückruffunktionen zu verwenden, um die asynchrone Vervollständigung zu handhaben:

<code class="javascript">function firstFunction(callback) {
    // Do asynchronous work
    callback();
}

function secondFunction() {
    firstFunction(() => {
        console.log("huzzah, I'm done!");
    });
}</code>

Wenn die erste Funktion beendet ist, ruft sie die Rückruffunktion auf, sodass die zweite Funktion weiter ausgeführt werden kann.

Pfeilfunktionen:

Die Verwendung von Pfeilfunktionen vereinfacht diesen Ansatz:

<code class="javascript">firstFunction(() => console.log('huzzah, I'm done!'))</code>

Async/Await:

In modernem JavaScript bietet async/await eine besser lesbare und Effiziente Möglichkeit, die Ausführung anzuhalten:

<code class="javascript">const secondFunction = async () => {
  const result = await firstFunction()
  // Do something else here after firstFunction completes
}</code>

Fazit

Während Polling verwendet werden kann, um auf den Funktionsabschluss zu warten, bieten Rückruffunktionen, Pfeilfunktionen und Async/Await elegantere und leistungsfähigere Lösungen. Wählen Sie den Ansatz, der Ihren spezifischen Anforderungen und Ihrer JavaScript-Umgebung am besten entspricht.

Das obige ist der detaillierte Inhalt vonWie kann die Ausführung ordnungsgemäß angehalten werden, bis eine asynchrone Funktion abgeschlossen ist?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!