Ce trebuie să știi înainte: JS modern

Înainte de a te lansa în dezvoltarea backend cu Node.js, este crucial să stăpânești sintaxa modernă a JavaScript-ului (ES6+). Aceste concepte nu sunt doar detalii de stil, ci fundamentul asupra căruia se construiesc framework-urile moderne și bibliotecile asincrone. Fără o înțelegere solidă a acestor mecanisme, vei întâmpina dificultăți majore în depanarea codului și în scrierea unor aplicații scalabile și menținabile. Practica constantă a acestor elemente îți va crește semnificativ șansele de angajare, deoarece majoritatea companiilor testează direct cunoștințele tale despre modul în care funcționează motorul JavaScript astăzi.

Concepte cheie

• Arrow Functions: Oferă o sintaxă concisă și, mai important, nu își creează propriul context this, ceea ce previne erori comune în callback-uri și metode de obiect.
• Template Literals: Permite interpolarea variabilelor direct în șiruri de caractere folosind backticks, făcând construcția stringurilor mult mai lizibilă și mai puțin predispusă la erori.
• Destructuring: Extrage rapid valori din array-uri sau proprietăți din obiecte, simplificând asignarea variabilelor și reducând volumul de cod boilerplate.
• Spread/Rest Operator: Operatorul ... permite extinderea unui array în elemente individuale sau combinarea obiectelor/array-urilor, fiind esențial pentru imutabilitatea datelor.
• Promises & Async/Await: Modelele standard pentru gestionarea operațiilor asincrone; async/await transformă codul bazat pe promisiuni într-unul secvențial și ușor de citit.
• Modules (ESM): Sistemul nativ de import/export înlocuiește treptat CommonJS, oferind un mod standardizat de a structura proiectele mari în fișiere separate.
• Optional Chaining (?.): Permite accesarea sigură la proprietăți ale obiectelor care pot fi null sau undefined, fără a necesita verificări manuale repetitive.

Exemplu practic

Să presupunem că primești date de la un API și trebuie să procesezi utilizatorii activi. Iată cum arată un cod curat folosind ES6+:

const fetchUsers = async () => {
  const response = await fetch('/api/users');
  const data = await response.json();
  
  // Destructuring și filtrare
  const activeUsers = data
    .filter(user => user.isActive)
    .map(({ name, email }) => ({ 
      fullName: name, 
      contact: email 
    }));

  return activeUsers;
};

Aici, async/await gestionează promisiunea fetch-ului, iar maparea folosește destructuring pentru a extrage doar câmpurile necesate, evitând obiecte inutile.

Greșeli frecvente

1. Abuzul variabilelor globale: Definirea variabilelor fără let sau const le face globale implicit, poluând spațiul de nume și cauzând bug-uri greu de urmărit.
2. Ignorarea imutabilității: Modificarea directă a obiectelor sau array-urilor primite ca argumente poate avea efecte secundare neașteptate în alte părți ale aplicației.
3. Confundarea this în arrow functions: Folosirea arrow functions în metode de clasă sau obiecte unde ai nevoie de referința dinamică la instanță duce la undefined.

Întrebări de interviu

Care este diferența principală între var, let și const? var are scope de funcție și este hoisted; let și const au scope de bloc. const previne reasignarea referinței, dar nu face obiectul imutabil.

De ce preferi async/await peste .then()? Codul devine mai lizibil, seamănă cu programarea sincronă, iar gestionarea erorilor prin try/catch este mai intuitivă decât lanțurile de .catch().

Exercițiu

Creează o funcție processData(input) care primește un obiect cu date brute. Funcția trebuie să:

1. Folosească optional chaining pentru a accesa o proprietate opțională metadata.tags.
2. Folosească destructuring pentru a extrage id și title.
3. Returnează un nou obiect formatat, adăugând un câmp processedAt cu timestamp-ul curent.
4. Testează funcția cu un obiect care lipsește proprietatea metadata pentru a verifica robustetea.