Questa guida fornisce una panoramica dei metodi più comuni utilizzati per il logging in console. È pensata per essere un rapido riferimento durante lo sviluppo e il debug delle applicazioni.
console.log()
- Descrizione: Visualizza messaggi generici nella console. È il metodo più usato per il debug e per fornire informazioni sullo stato dell’applicazione.
- Utilizzo: Utile per ispezionare valori di variabili, lo stato dei processi e per stampare messaggi durante lo sviluppo.
console.log("Messaggio di debug");
console.warn()
- Descrizione: Visualizza messaggi di avviso in console. È generalmente usato per segnalare potenziali problemi che non bloccano l’esecuzione del codice.
- Utilizzo: Ideale per evidenziare situazioni anomale che però non richiedono un arresto immediato dell’applicazione.
console.warn("Questo è un avviso di potenziale problema");
console.error()
- Descrizione: Stampa messaggi di errore nella console in modo prominente. Viene usato per segnalarere errori che possono influire sul corretto funzionamento del codice.
- Utilizzo: Utilizzato per la gestione degli errori, facilitando l’identificazione di problemi critici durante lo sviluppo.
console.error("Si è verificato un errore");
console.info() e console.debug()
console.info(): Simile aconsole.log(), riservato per visualizzare informazioni informative.console.debug(): Utilizzato per stampe di debug più dettagliate.
Se questi due livelli di log non sono visibili, è necessario abilitarli nelle impostazioni dei DevTools come spiegato sotto.
console.info("Informazioni utili sullo stato dell'applicazione");
console.debug("Dettagli di debug avanzati");
console.table()
Permette di visualizzare dati tabellari in formato tabellare, rendendo la lettura di array o oggetti molto più semplice.
console.table([
{ nome: "Alice", età: 25 },
{ nome: "Bob", età: 30 },
]);
console.group() e console.groupEnd()
Permettono di raggruppare messaggi correlati. Questo aiuta a organizzare le informazioni nella console, rendendo più facile seguire la logica del flusso delle operazioni.
console.group("Dettagli Utente");
console.log("Nome: Alice");
console.log("Età: 25");
console.groupEnd();
console.count()
Conta il numero di volte in cui viene stampato un determinato messaggio, utile per monitorare cicli o chiamate ripetute.
console.count("Contatore");
Filtrare i Messaggi in Base alla Severity
I DevTools offrono la possibilità di filtrare i messaggi in base alla severity (gravità) dei log.
Le categorie principali includono:
- Verbose: Livello dettagliato che include ogni tipo di messaggio.
- Info: Informazioni informative, generalmente non critiche.
- Warnings: Avvisi che segnalano potenziali problemi nel codice.
- Errors: Errori critici che influenzano il corretto funzionamento dell’applicazione.
Filtrare i messaggi per livello si può fare tramite il menu a tendina “All levels” (come mostrato nell’immagine).
⚠️ Gli output di alcune delle funzioni elencate di seguito potrebbero non essere visibili di default, nel caso è necessario abilitare i relativi livelli di severity.
