Seite 8 - JavaScript

Der JSON-Roundtrip-Trick ist seit Jahren der Standard für Deep Cloning in JavaScript – und seit Jahren verliert er Date-Objekte, Map, Set, undefined-Werte und zirkuläre Referenzen. structuredClone() ist die native Lösung, die seit 2022 in allen modernen Engines verfügbar ist und all das korrekt behandelt.

Wer TypeScript in Node.js-Projekten einsetzt, stößt schnell auf widersprüchliche Ratschläge zu tsc, ts-node, ESM und CommonJS. Dieser Artikel zeigt die praktischen Optionen zum Ausführen von TypeScript in Node, klärt die Modul-Interop-Fallstricke zwischen ESM und CommonJS und liefert eine minimale, funktionierende tsconfig für CLI- und Build-Skript-Projekte, inklusive des nativen Type-Stripping-Supports neuerer Node-Versionen.

Die File System Access API erlaubt Webanwendungen echten Lese- und Schreibzugriff auf lokale Dateien und Ordner, ohne den klassischen Umweg über Datei-Uploads und Downloads. Wer Editoren, Bildwerkzeuge oder Datenexporte im Browser baut, erhält damit ein Verhalten, das sich fast wie eine native Desktop-Anwendung anfühlt, inklusive Berechtigungsmodell und persistenten Handles.

Echte Feder-Physik in Animationen war lange Domäne von JavaScript-Bibliotheken wie Framer Motion oder React Spring. Die CSS-Funktion linear() erlaubt jetzt, beliebig komplexe Easing-Kurven, inklusive Overshoot und Bounce, direkt als Stützpunkt-Liste im Stylesheet zu definieren, ganz ohne Laufzeit-JavaScript.

Next.js Middleware läuft, bevor eine Route überhaupt gerendert wird, und entscheidet über Redirects, Rewrites und Header, noch bevor Server Components oder Client Components aktiv werden. Wer Matcher-Regeln, Auth-Checks und die Grenzen der Edge Runtime versteht, baut Routing-Logik, die schnell bleibt und trotzdem robust funktioniert.

Fuer Gzip-Kompression im Browser wurde jahrelang pako oder eine WASM-Portierung von zlib nachgeladen, oft mehrere hundert Kilobyte allein fuer die Bibliothek. Die Compression Streams API macht das ueberfluessig: CompressionStream und DecompressionStream stehen nativ im Browser bereit.

Date.now() liefert Millisekunden mit einer Präzision, die für ernsthafte Performance-Messungen nicht ausreicht, und tappt in die Falle der Systemuhr-Synchronisation. Die JavaScript Performance API liefert Sub-Millisekunden-Zeitstempel, strukturierte Marks und Measures, einen nicht blockierenden Observer-Mechanismus – und direkten Zugang zu Web Vitals ohne externe Bibliothek.

Ein einzelner Import aus einer schlecht strukturierten TypeScript-Bibliothek kann trotz moderner Bundler mehrere hundert Kilobyte ungenutzten Code ins Konsumenten-Bundle ziehen. Tree Shaking ist keine automatische Bundler-Magie, sondern hängt entscheidend davon ab, wie die Bibliothek selbst gebaut, exportiert und im sideEffects-Feld deklariert wurde.

Ein selbstgebauter Router besteht meist aus einem Wald von Regex-Mustern, die pfadgenau URLs erkennen und Parameter extrahieren sollen, kaum lesbar und fehleranfaellig bei Sonderzeichen. Die URLPattern API loest genau dieses Problem deklarativ und nativ im Browser.

Source Maps uebersetzen minifizierten, gebuendelten Produktionscode zurueck in lesbaren Original-Quelltext, aber in Produktion gelten andere Regeln als in der lokalen Entwicklung: die Karten muessen sicher bereitgestellt werden, ohne dass Angreifer daraus unminifizierte Geschaeftslogik extrahieren, und gleichzeitig muessen Fehler-Tracking-Systeme wie Sentry echte Stacktraces aus dem minifizierten Code rekonstruieren koennen.