Idiomatische moderne JavaScript-Kurzschreibweisen, die weitschweifigen Boilerplate-Code ersetzen.
Wesentliche Kurzschreibweisen
Nullish Coalescing (??) & Standardwerte
// ?? prüft strikt auf null oder undefined (0 und false bleiben erhalten)
const port = process.env.PORT ?? 3000;
// || weicht auf jeden falsy Wert aus (0, "", false, NaN)
const title = customTitle || 'Untitled';
Optional Chaining (?.)
// Sicher durch tief verschachtelte Objekte navigieren ohne TypeError
const street = user?.address?.street;
const firstTag = user?.tags?.[0];
const result = user?.getProfile?.();
Kurzschlussauswertung (&&)
// Funktion nur ausführen, wenn die Bedingung wahr ist
isLoggedIn && showDashboard();
Kurzschreibweise für Objekteigenschaften & Methoden
const name = 'Alice';
const age = 30;
// Objektliteral-Kurzschreibweise
const user = {
name,
age,
greet() {
return `Hello ${this.name}`;
}
};
Array- & Objekt-Destrukturierung
const { name, age, role = 'member' } = user;
const [first, second, ...rest] = [1, 2, 3, 4, 5];