Introduzione

Il debugging è il processo di individuazione e risoluzione degli errori in un programma. I browser moderni includono potenti strumenti di sviluppo che permettono di eseguire il codice passo-passo, analizzare variabili e osservare l’output in tempo reale. In JavaScript il debugging si basa principalmente su console, breakpoints e strumenti come Chrome DevTools o Firefox Developer Tools.

• Uso della console per messaggi e controlli veloci.
• Inserimento di breakpoints per fermare l’esecuzione e analizzare lo stato.
• Ispezione delle variabili e del DOM.
• Profilazione delle performance.

Uso della console

Il metodo più immediato per capire cosa accade nel codice è utilizzare console.log() e altri metodi della console.

Codice Esempio: console.log e console.error

CODE: Javascript

1. let x = 10;

2. let y = 0;

4. console.log("Valore di x:", x);

6. if (y === 0) {

7.   console.error("Errore: divisione per zero!");

8. }

Uso di breakpoints

Un breakpoint ferma l’esecuzione del programma in un punto specifico, permettendo di esaminare variabili e flusso. È possibile inserirli direttamente dall’interfaccia DevTools oppure con l’istruzione debugger nel codice.

Codice Esempio: uso di debugger

CODE: Javascript

1. let numeri = [1, 2, 3, 4];

3. for (let n of numeri) {

4.   debugger; // il browser ferma qui l'esecuzione

5.   console.log("Numero:", n);

6. }

Ispezione e strumenti avanzati

Gli strumenti del browser permettono di:

• Analizzare il DOM in tempo reale.
• Osservare variabili locali e globali durante l’esecuzione.
• Verificare richieste di rete e risposte del server.
• Monitorare performance e utilizzo della memoria.

Tabella riassuntiva

Considerazioni

Il debugging in JavaScript si basa su console, breakpoints e DevTools. Usare questi strumenti permette di comprendere il comportamento del codice, individuare errori e ottimizzare le performance del programma.