Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie gehe ich mit asynchronen Rückrufen mit Await um?

Mary-Kate Olsen
Freigeben: 2024-10-30 05:46:27
Original
921 Leute haben es durchsucht

How to Handle Asynchronous Callbacks Using Await?

Asynchrone Rückrufverarbeitung mit Await

In bestimmten Szenarien benötigen Sie möglicherweise Rückrufe wie:

test() {
  api.on( 'someEvent', function( response ) {
    return response;
  });
}
Nach dem Login kopieren

Asynchronität einzubeziehen. Um diese Funktion asynchron zu machen und „await“ zu verwenden, müssen Sie zunächst sicherstellen, dass die Rückruffunktion (someEvent) ein Promise zurückgibt. Dies liegt daran, dass asynchrone Funktionen auf Promises angewiesen sind, um asynchrone Vorgänge abzuschließen.

Eine überarbeitete Version von api.on():

function apiOn(event) {
  return new Promise(resolve => {
    api.on(event, response => resolve(response));
  });
}
Nach dem Login kopieren

Mit dieser aktualisierten Funktion können Sie jetzt test() ändern eine asynchrone Funktion sein:

async function test() {
  return await apiOn( 'someEvent' );
}
Nach dem Login kopieren

Asynchrone Funktionen geben jedoch auch Versprechen zurück, sodass der tatsächliche Ergebniswert von test() ein Versprechen ist das kann innerhalb einer anderen asynchronen Funktion aufgelöst werden:

async function whatever() {
  // snip
  const response = await test();
  // use response here
  // snip
}
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie gehe ich mit asynchronen Rückrufen mit Await um?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!