JavaScript

Moderne Syntax

Destructuring, Spread und optionale Verkettung machen Code kürzer und robuster — Standard in modernem JavaScript.

Destructuring

Destructuring zieht Eigenschaften direkt in Variablen.

Funktioniert für Objekte und Arrays, auch mit Standardwerten und in Funktionsparametern.

Entpacken

const user = { name: 'Ada', xp: 120 };
const { name, xp } = user;

const [erste, zweite] = ['rot', 'grün'];

Der Spread-Operator ... breitet Arrays oder Objekte aus: kopieren, zusammenführen, erweitern.

Als Rest-Parameter sammelt ... übrige Argumente in einem Array.

Spread

const basis = { theme: 'dark' };
const einstellungen = { ...basis, sprache: 'de' };

const alle = [...listeA, ...listeB];

?. greift nur weiter zu, wenn der Wert davor nicht null oder undefined ist.

Zusammen mit ?? entstehen robuste Zugriffe ohne lange if-Ketten.

<?.><??>

Sicherer Zugriff

const stadt = user?.adresse?.stadt ?? 'Unbekannt';

Markiere die Lektion als abgeschlossen, um XP und Streak zu erhalten.