Sintaxa modernă pe scurt — JavaScript modern

JavaScript-ul modern (ES2015 și mai nou) a adăugat sintaxă care face codul mai scurt, mai sigur și mai lizibil. Dacă ai învățat bazele, aceste caracteristici sunt ce vezi în orice cod profesionist: arrow functions, destructuring, spread, module, async/await. Lecția asta e o hartă rapidă; următoarele intră în detalii.

const/let peste var

var are un comportament confuz (hoisting, scope de funcție nu de bloc). Codul modern folosește exclusiv const (implicit) și let (când reasignezi). Dacă vezi var într-un cod nou, e un semnal de cod vechi sau prost.

Arrow functions

const dubleaza = n => n * 2;
const suma = (a, b) => a + b;
// concise, fără cuvântul function, fără return pentru o singură expresie

Shorthand pentru obiecte

const nume = "Ana";
const varsta = 30;
const persoana = { nume, varsta };  // în loc de { nume: nume, varsta: varsta }

const obj = {
  saluta() { return "salut"; }      // metodă scurtă
};

Optional chaining și nullish

const oras = user?.adresa?.oras;        // undefined dacă lipsește ceva pe lanț
const limita = config.limita ?? 10;     // 10 doar dacă limita e null/undefined

Exercițiu

Ia o bucată de cod veche (cu var, function, concatenare de string-uri) și rescrie-o modern: const/let, arrow functions, template literals, shorthand de obiect. Compară lungimea și lizibilitatea.

Greșeli frecvente

Folosești var din obișnuință.
Folosești || pentru valori implicite când 0 sau "" sunt valide (aici ?? e corect).
Arrow function acolo unde ai nevoie de propriul this (metode de obiect care folosesc this).

De reținut

const implicit, let la nevoie, niciodată var.
Arrow functions pentru concizie.
Shorthand de obiecte și metode.
?. pentru acces sigur, ?? pentru valori implicite corecte.

Pe scurt

Sintaxa modernă nu e cosmetică: reduce erorile și face intenția clară. E limbajul comun al oricărui cod JS actual.