Wie rufe ich mit Async-Await Werte aus asynchronen Funktionen ab?

Asynchroner Funktionswertabruf mit Async-Await

Bei der Arbeit mit asynchronen Funktionen in JavaScript, die die Async-Await-Syntax verwenden, ist dies erforderlich Geben Sie Werte ordnungsgemäß zurück, damit Aufruferfunktionen sie verwenden können.

Um einen Wert von einer asynchronen Funktion zurückzugeben, müssen Sie die Funktion „return“ verwenden Schlüsselwort wie erwartet. Wenn Sie jedoch versuchen, auf den Rückgabewert außerhalb des asynchronen Bereichs zuzugreifen, wie im bereitgestellten Codebeispiel gezeigt, erhalten Sie ein Promise-Objekt im Status „Ausstehend“.

Um dieses Problem zu beheben, ist Folgendes erforderlich Schließen Sie Ihre Konsolenprotokollierungsanweisung in einen asynchronen IIFE (Immediately Invoked Function Expression) ein, wie hier zu sehen:

(async () => {
  console.log(await getData());
})();

Dadurch bleibt der asynchrone Bereich erhalten, sodass die Funktion auf und zugreifen kann Geben Sie den gewünschten Wert zurück.

Beachten Sie, dass es, da die Axios-Bibliothek ein Versprechen zurückgibt, auch möglich ist, die async-await-Syntax für die getData-Funktion wegzulassen, wie unten gezeigt:

function getData() {
  return axios.get('https://jsonplaceholder.typicode.com/posts');
}

Anschließend können Sie die Konsolenprotokollierungsanweisung wie oben beschrieben in ein asynchrones IIFE einschließen, um den Wert aus der getData-Funktion abzurufen. Weitere Informationen zu async/await finden Sie online.

Das obige ist der detaillierte Inhalt vonWie rufe ich mit Async-Await Werte aus asynchronen Funktionen ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!