Leggere gli errori senza panico

Capire le parti principali di un messaggio di errore.

In parole semplici

Un errore non è un fallimento: è un indizio. Di solito ti dice cosa è successo e in quale file o riga iniziare a cercare.

Questa lezione fa parte del modulo Controllare, correggere e migliorare. L’obiettivo del modulo è: Imparare a leggere errori, controllare dati e verificare funzioni senza andare a tentativi.

Parole nuove

errore: messaggio del browser quando qualcosa non va.
riga: posizione del file dove guardare.

Cosa impari

Capire il concetto senza partire da definizioni astratte.
Vedere un esempio piccolo che puoi copiare e modificare.
Collegare l’argomento al risultato del modulo: una checklist di controllo per correggere una piccola app JavaScript.

Esempio da copiare

const nome = "Ada";
console.log(nom);

Non devi memorizzare tutto subito. Prima copia l’esempio, fallo funzionare e cambia una cosa alla volta.

Esercizi

Base · facile

Esegui questo codice, leggi l’errore in console e correggi il refuso.

const nome = "Ada";
console.log(nom);

Soluzione

L’errore è ReferenceError: nom is not defined. La variabile si chiama nome, non nom:

console.log(nome);

Il messaggio indica il tipo di errore e la riga: da lì parte la ricerca.

Intermedio · medio

Provoca di proposito tre errori diversi (variabile inesistente, funzione chiamata male, .toUpperCase() su un numero) e per ciascuno annota tipo di errore, file e riga indicati dalla console.

Sfida · difficile

Spiega come leggere uno stack trace (la pila di chiamate sotto il messaggio) per capire da dove parte davvero il problema. Distingui un ReferenceError da un TypeError con un esempio di ciascuno e indica la strategia per correggerli.

Controllo finale

Hai finito quando sai usare il messaggio di errore per trovare la riga giusta.