Γρήγορη αναφορά

Συνοπτικά Idioms & Shorthands στη JavaScript Σημειώσεις

Ένας γρήγορος οδηγός αναφοράς για συνοπτικά ιδιώματα προγραμματισμού JavaScript: τριαδικοί τελεστές, nullish coalescing, optional chaining, αποδόμηση και short-circuit.

· Δημοσιεύτηκε

Ιδιωματικές σύγχρονες συντομογραφίες JavaScript που αντικαθιστούν πολυλογικά πρότυπα κώδικα.

Βασικά Πρότυπα Συντομογραφιών

Nullish Coalescing (??) & Εφεδρικές Τιμές

// Το ?? ελέγχει αυστηρά για null ή undefined (διατηρεί το 0 και το false)
const port = process.env.PORT ?? 3000;

// Το || ενεργοποιείται σε οποιαδήποτε falsy τιμή (0, "", false, NaN)
const title = customTitle || 'Untitled';

Optional Chaining (?.)

// Ασφαλής πλοήγηση σε βαθιά εμφωλευμένα αντικείμενα χωρίς TypeError
const street = user?.address?.street;
const firstTag = user?.tags?.[0];
const result = user?.getProfile?.();

Εκτέλεση Βραχυκυκλώματος (&&)

// Εκτέλεση συνάρτησης μόνο εάν η συνθήκη ισχύει
isLoggedIn && showDashboard();

Συντομογραφία Ιδιοτήτων & Μεθόδων Αντικειμένων

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

// Συντομογραφία κυριολεκτικού αντικειμένου
const user = {
  name,
  age,
  greet() {
    return `Hello ${this.name}`;
  }
};

Αποδόμηση Πινάκων & Αντικειμένων

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

Αναφορές

Σχετικά θέματα