Idiomatyczne i zwięzłe konstrukcje nowoczesnego JavaScriptu zastępujące rozwlekły kod schematyczny.
Podstawowe wzorce skrótowe
Nullish Coalescing (??) i wartości domyślne
// ?? sprawdza ściśle null lub undefined (zachowując 0 i false)
const port = process.env.PORT ?? 3000;
// || przełącza na wartość zapasową przy każdej wartości falsy (0, "", false, NaN)
const title = customTitle || 'Untitled';
Optional Chaining (?.)
// Bezpieczne odwoływanie się do zagnieżdżonych właściwości bez błędu TypeError
const street = user?.address?.street;
const firstTag = user?.tags?.[0];
const result = user?.getProfile?.();
Wykonywanie zwarciowe (&&)
// Uruchamia funkcję tylko wtedy, gdy warunek jest spełniony
isLoggedIn && showDashboard();
Skróty właściwości i metod obiektów
const name = 'Alice';
const age = 30;
// Skrócony zapis literału obiektowego
const user = {
name,
age,
greet() {
return `Hello ${this.name}`;
}
};
Destrukturyzacja tablic i obiektów
const { name, age, role = 'member' } = user;
const [first, second, ...rest] = [1, 2, 3, 4, 5];