Impara Basi del Debugging

Scorri per mostrare il menu

Il debugging è una competenza fondamentale per ogni sviluppatore JavaScript. Durante la scrittura e l'esecuzione del codice, si incontreranno diversi tipi di errori. Comprendere come leggere i messaggi di errore e conoscere gli errori più comuni aiuta a risolvere rapidamente i problemi e a mantenere i progetti in avanzamento.

Gli errori JavaScript più frequenti includono:

Errori di sintassi: si verificano quando la struttura del codice è errata, ad esempio parentesi o graffe mancanti;
Errori di riferimento: si verificano quando si tenta di utilizzare una variabile non dichiarata o fuori ambito;
Errori di tipo: si verificano quando un valore viene utilizzato in modo non previsto, come chiamare una funzione su qualcosa che non è una funzione.

Quando si verifica un errore, la console del browser mostrerà un messaggio di errore. Questo messaggio di solito include il tipo di errore, una breve descrizione e il numero di riga in cui è stato rilevato il problema. Leggere sempre attentamente questi messaggi: sono il primo indizio per risolvere qualsiasi problema.


              1234567891011121314151617181920212223
            
// Example: Debugging with console.log and breakpoints

function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    // Add a console.log to inspect each item
    console.log("Item at index", i, ":", JSON.stringify(items[i]));
    total += items[i].price; // Potential error if items[i] is missing 'price'
  }
  return total;
}

const cart = [
  { name: "Book", price: 12 },
  { name: "Pen", price: 2 },
  { name: "Notebook" } // Missing price property
];

const total = calculateTotal(cart);
console.log("Total:", total);

// To debug further, set a breakpoint on the line inside the loop in your browser's developer tools.
// Step through the code to watch how 'total' and 'items[i]' change with each iteration.

Per eseguire il debugging in modo efficace, seguire un approccio sistematico:

Riprodurre l'errore in modo coerente per poterlo osservare durante i test delle soluzioni;
Leggere il messaggio di errore e annotare il nome del file e il numero di riga;
Utilizzare console.log per stampare i valori e tracciare il flusso del codice;
Impostare breakpoint negli strumenti di sviluppo del browser per mettere in pausa l'esecuzione e ispezionare le variabili;
Modificare una sola cosa alla volta e testare dopo ogni modifica per isolare il problema;
Prestare attenzione a insidie comuni come errori di battitura, errori di conteggio nei cicli o proprietà mancanti negli oggetti.

Praticando queste tecniche, si acquisirà maggiore sicurezza ed efficienza nell'individuare e correggere bug nel codice JavaScript.

Tutto è chiaro?

Grazie per i tuoi commenti!

Sezione 1. Capitolo 18

Chieda ad AI

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

Sezione 1. Capitolo 18