JS modules – Importieren und Exportieren

JavaScript-Module erlauben es, Code in kleine, wiederverwendbare Dateien zu gliedern. Es gibt verschiedene Standards: Module kapseln Code (Variablen, Funktionen, Objekte oder Klassen), reduzieren globale Variablen und erhöhen die Wiederverwendbarkeit. ESM (ES Modules): ESM ist der moderne Standard im Browser und in NodeJS, unterstützt statische Analyse und Tree Shaking. Import Export import { name } from … Weiterlesen

Arrow-Funktionen

Arrow Functions sind eine kürzere Syntax für Funktionen in JavaScript.Sie wurden mit ES6 (ECMAScript 2015) eingeführt und haben einige Besonderheiten: Übersicht: Thema Normale Funktion Arrow Function Besonderheit Syntax function name() {} const name = () => {} Kürzer, kein function-Keyword Parameter function(x) (x) => oder x => Klammern bei einem Parameter optional Kein Parameter function() … Weiterlesen

Local- und SessionStorage im Browser

Beides bietet die Möglichkeit kleine, nicht sicherheitsrelevante Daten im Browser des Nutzers abzulegen. Der Browser organisiert die Ablage anhand der aufgerufenen Domain. Das Handling beider Optionen ist identisch, da Beide das Web Storage API implementieren. Es gibt lediglich Unterschiede bei Lifetime und Scope der hinterlegten Daten. Übersicht: Merkmal localStorage sessionStorage Lebensdauer Dauerhaft (bis manuell gelöscht) … Weiterlesen

Übersicht: JS-Constructors und Classes

Konstruktor-Funktionen und Klassen dienen in Javascript dem Erzeugen von Objekten. Klassen: Syntax: Verwendung: Private Felder / Getter / Setter: Private Felder können nicht direkt gelesen oder bearbeitet werden, nur über Getter/Setter-Funktionen. Vererbung: Constructor-Funktion: Syntax: Verwendung: Hinzufügen von Eigenschaften/Methoden: Das Hinzufügen zum prototype macht das Hinzugefügte für jede erstellte Instanz verfügbar. Ausserdem spart es Speicher, weil … Weiterlesen

this in Javascript

Das Schlüsselwort this ist eines der meistverwirrenden, aber zentralen Konzepte in JavaScript. Es verweist immer auf ein Objekt, das abhängig vom Aufrufkontext bestimmt wird – nicht vom Ort der Deklaration (außer bei Arrow-Funktionen). Übersicht: Kontext Wert von this Global (Browser) window Global (Node.js) global Funktion (non-strict) window / global Funktion (strict) undefined Methode das aufrufende … Weiterlesen