Sauberes Abbrechen von Async-Operationen mit AbortController

Snippet

Sauberes Abbrechen von Async-Operationen mit AbortController

Das AbortController-Interface ermöglicht es, eine oder mehrere Web-Anfragen nach Bedarf abzubrechen. Dies ist wichtig, um das Entfernen von Komponenten in Frameworks zu handhaben oder Race Conditions zu vermeiden, wenn mehrere Anfragen nacheinander ausgelöst werden.

snippet.js
javascript
const controller = new AbortController();
const { signal } = controller;
 
async function fetchData() {
  try {
    const response = await fetch('https://api.example.com/data', { signal });
    return await response.json();
  } catch (err) {
    if (err.name === 'AbortError') {
      console.log('Fetch aborted');
    }
  }
}
 
fetchData();
controller.abort(); // Immediately cancels the fetch

Erklärung

const controller = new AbortController();

Initialisiert eine neue Controller-Instanz, um Abbruchsignale zu verwalten.

{ signal }

Extrahiert das AbortSignal-Objekt, das an asynchrone Operationen wie 'fetch' übergeben wird.

controller.abort();

Löst das Abbruchsignal aus, was dazu führt, dass verknüpfte Anfragen mit einem 'AbortError' fehlschlagen.

Vorheriges Snippet Nächstes Snippet

Verwandt

Aus deiner Bibliothek