Snabbreferens

JavaScript Korta Uttryck & Idiom Fusklapp

En snabbreferensguide för koncisa JavaScript-idiom: ternära operatorer, nullish coalescing, optional chaining, destrukturering och kortslutningsutvärdering.

· Publicerad

Idiomatiska moderna JavaScript-kortformer som ersätter omständlig standardkod.

Viktiga kortfattade mönster

Nullish Coalescing (??) och standardvärden

// ?? kontrollerar strikt för null eller undefined (bevarar 0 och false)
const port = process.env.PORT ?? 3000;

// || faller tillbaka på standardvärdet vid alla falsy-värden (0, "", false, NaN)
const title = customTitle || 'Untitled';

Optional Chaining (?.)

// Navigera säkert genom djupt kapslade objekt utan TypeError
const street = user?.address?.street;
const firstTag = user?.tags?.[0];
const result = user?.getProfile?.();

Kortslutningskörning (&&)

// Kör funktionen endast om villkoret är sant
isLoggedIn && showDashboard();

Kortnotation för objektegenskaper & metoder

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

// Objektliteral-kortnotation
const user = {
  name,
  age,
  greet() {
    return `Hello ${this.name}`;
  }
};

Array- & Objekt-destrukturering

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

Referenser

Relaterade ämnen