Seite 10 - JavaScript

=== vergleicht Objekte nur über Referenzidentität, und JSON.stringify scheitert an Schlüsselreihenfolge, Maps, Sets und Dates. Eine selbst geschriebene Deep-Equality-Funktion vergleicht Werte rekursiv nach Struktur statt nach Referenz und deckt dabei genau die Datentypen ab, an denen die einfachen Ansätze regelmäßig scheitern.

Die Fetch API ist mehr als ein Ersatz für XMLHttpRequest. Wer Timeouts, Retry-Logik, Streaming-Responses, Authentifizierung und Cache-Strategien beherrscht, schreibt HTTP-Kommunikation, die in realen Anwendungen zuverlässig und wartbar bleibt – ohne externe Bibliotheken.

Wer Fetch-Requests nicht abbricht, riskiert Race Conditions, Memory Leaks und inkonsistente UI-Zustände. Der AbortController ist die native Browser-API, die dieses Problem ein für alle Mal löst – für Fetch, Event-Listener und beliebige async Operationen.

Wer große Datenmengen in JavaScript verarbeitet, hat lange alles in den Speicher geladen, bevor er damit arbeiten konnte. Die Web Streams API ändert das: Daten fließen als Chunks durch eine Pipeline, Backpressure verhindert Speicher-Überlastung, und der erste Chunk ist verfügbar, bevor der letzte angekommen ist.

Route Splitting ist der Standardeinstieg, aber die spürbare Verbesserung liegt oft eine Ebene tiefer. Component Level Splits, gezieltes Vendor Chunking und Preload Hints entscheiden gemeinsam, ob Code Splitting im Bundle Report gut aussieht oder ob es tatsächlich die Ladezeit für Nutzer verkürzt.

Ein Termin verschiebt sich um eine Stunde, ein Monat wird plötzlich falsch angezeigt, ein Report zeigt in der Nacht der Zeitumstellung ein doppeltes Datum. Zeitzonen und Datum gehören zu den Bereichen von JavaScript, in denen kleine Missverständnisse große, schwer reproduzierbare Bugs erzeugen. Dieser Artikel zeigt die konkreten Fallstricke und wie man sie zuverlässig umgeht.

Kaum ein Konzept in JavaScript sorgt so häufig für Verwirrung wie die this-Bindung. Eine Methode funktioniert im direkten Aufruf einwandfrei und liefert als Callback plötzlich undefined. Dieser Artikel zeigt, wo die this-Bindung typischerweise kippt, wie man es systematisch debuggt und welche Lösung in welcher Situation wirklich passt.

Das Date-Objekt ist einer der ältesten und fehleranfälligsten Teile von JavaScript. Die Temporal API bricht mit allen Designfehlern: immutable Typen, explizite Zeitzonensemantik, korrekte Kalenderarithmetik und eine klare API — ohne externe Bibliotheken wie Moment.js oder date-fns.

Eingebettete Drittinhalte wie Zahlungswidgets, Werbebanner oder Kommentarsysteme laufen im selben Dokument wie die eigene Anwendung und stellen ohne konsequente Isolation ein erhebliches Sicherheitsrisiko dar. Das sandbox-Attribut auf iframe-Elementen und strikte Origin-Prüfung bei postMessage Kommunikation ermöglichen echte Isolation, ohne die eigentliche Funktionalität eingebetteter Widgets zu blockieren.

Das Origin Private File System ist ein isolierter, hochperformanter Datei-Speicher pro Origin, der über synchrone Lese- und Schreib-Handles in Web Workern direkte Dateisystem-Geschwindigkeit erreicht. Damit lassen sich Wasm-Datenbanken, Bild-Editoren und Offline-Tools bauen, die klassischen IndexedDB-basierten Lösungen bei Durchsatz und Latenz deutlich überlegen sind.