Asynchrone Callback-Verarbeitung mit Await

In bestimmten Szenarien bei der Verwendung von Callbacks wie:

test() {
  api.on( 'someEvent', function( response ) {
    return response;
  });
}

Möglicherweise müssen Sie Asynchronität integrieren. 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));
  });
}

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

async function test() {
  return await apiOn( 'someEvent' );
}

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

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