dexblog.ro
JS Toate comenzile JavaScript

console.group / groupEnd în JavaScript

Afișare Toate browserele moderne, Node.js

Grupează mesajele din consolă sub o etichetă, cu indentare, ca să urmărești pașii unui proces.

Sintaxă 
console.group(eticheta)
console.groupCollapsed(eticheta)
console.groupEnd()

Ce face console.group / groupEnd

După console.group("eticheta"), toate mesajele sunt indentate până la console.groupEnd(). Grupurile pot fi puse unul în altul.

În browser, grupurile se pot strânge și desface cu un clic; groupCollapsed creează grupul deja strâns. În Node.js, groupCollapsed se comportă ca group.

Parametri

Parametru Descriere
eticheta Opțional. Titlul grupului.

Ce returnează

undefined.

Exemple

Exemplul 1: Pașii unei comenzi

console.group("Comanda #1042");
console.log("client: Ana Pop");
console.group("Produse");
console.log("Mouse x1");
console.log("Cablu x2");
console.groupEnd();
console.groupCollapsed("Livrare");
console.log("curier, 2 zile");
console.groupEnd();
console.log("total: 139 lei");
console.groupEnd();
console.log("gata");

Rezultat

Comanda #1042
  client: Ana Pop
  Produse
    Mouse x1
    Cablu x2
  Livrare
    curier, 2 zile
  total: 139 lei
gata

Greșeli frecvente

  • Uiți un groupEnd() (de exemplu la o eroare). Tot ce urmează rămâne indentat; pune groupEnd într-un bloc finally.

Comenzi înrudite