FetchEvent: handled-Eigenschaft

Hinweis: Diese Funktion ist nur in Service Workers verfügbar.

Die handled-Eigenschaft des FetchEvent-Interfaces gibt ein Promise zurück, das angibt, ob das Ereignis vom Fetch-Algorithmus behandelt wurde oder nicht. Diese Eigenschaft ermöglicht die Ausführung von Code, nachdem der Browser eine Antwort verarbeitet hat, und wird normalerweise zusammen mit der waitUntil()-Methode verwendet.

Wert

Ein Promise, das anhängig ist, während das Ereignis noch nicht behandelt wurde, und erfüllt wird, sobald es behandelt wurde.

Beispiele

addEventListener("fetch", (event) => {
  event.respondWith(
    (async function () {
      const response = await doCalculateAResponse(event.request);

      event.waitUntil(
        (async function () {
          await doSomeAsyncStuff(); // optional

          // Wait for the event to be consumed by the browser
          await event.handled;

          return doFinalStuff(); // Finalize AFTER the event has been consumed
        })(),
      );

      return response;
    })(),
  );
});

Spezifikationen

Specification
Service Workers # dom-fetchevent-handled

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch

ExtendableEvent.waitUntil()