Riferimento rapido

Cheat Sheet Scorciatoie e Idiomi in JavaScript

Guida rapida agli idiomi concisi in JavaScript: operatori ternari, coalescenza dei nulli, concatenamento opzionale, destrutturazione e cortocircuito.

· Pubblicato

Espressioni abbreviate e idiomatiche in JavaScript moderno che semplificano il codice ridondante.

Pattern concisi essenziali

Nullish Coalescing (??) e valori di fallback

// ?? verifica rigorosamente null o undefined (mantenendo 0 e false)
const port = process.env.PORT ?? 3000;

// || ricorre al fallback su qualsiasi valore falsy (0, "", false, NaN)
const title = customTitle || 'Untitled';

Concatenamento opzionale (?.)

// Naviga in modo sicuro tra oggetti annidati senza generare TypeError
const street = user?.address?.street;
const firstTag = user?.tags?.[0];
const result = user?.getProfile?.();

Esecuzione in cortocircuito (&&)

// Esegue la funzione solo se la condizione è verificata
isLoggedIn && showDashboard();

Scorciatoie per proprietà e metodi degli oggetti

const name = 'Alice';
const age = 30;

// Notazione abbreviata per i valori letterali degli oggetti
const user = {
  name,
  age,
  greet() {
    return `Hello ${this.name}`;
  }
};

Destrutturazione di array e oggetti

const { name, age, role = 'member' } = user;
const [first, second, ...rest] = [1, 2, 3, 4, 5];

Riferimenti

Argomenti correlati