Lära Felsökningsgrunder

Svep för att visa menyn

Felsökning är en avgörande färdighet för varje JavaScript-utvecklare. När du skriver och kör kod kommer du att stöta på olika typer av fel. Att förstå hur man läser felmeddelanden och känna till de vanligaste misstagen hjälper dig att snabbt åtgärda problem och hålla dina projekt i rörelse.

De vanligaste JavaScript-felen inkluderar:

Syntaxfel: dessa uppstår när kodstrukturen är felaktig, till exempel saknade parenteser eller klamrar;
Referensfel: dessa inträffar när du försöker använda en variabel som inte har deklarerats eller är utanför sitt omfång;
Typfel: dessa uppstår när ett värde används på ett oväntat sätt, som att anropa en funktion på något som inte är en funktion.

När ett fel inträffar kommer webbläsarens konsol att visa ett felmeddelande. Detta meddelande innehåller vanligtvis typen av fel, en kort beskrivning och radnumret där problemet upptäcktes. Läs alltid dessa meddelanden noggrant—de är din första ledtråd till att lösa ett problem.


              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.

För att felsöka effektivt, följ ett systematiskt tillvägagångssätt:

Återskapa felet konsekvent så att du kan observera det när du testar lösningar;
Läs felmeddelandet och notera filnamn och radnummer;
Använd console.log för att skriva ut värden och följa kodens flöde;
Sätt brytpunkter i webbläsarens utvecklarverktyg för att pausa exekveringen och inspektera variabler;
Ändra endast en sak åt gången och testa efter varje ändring för att isolera problemet;
Var uppmärksam på vanliga fallgropar som stavfel, avvikelser med en i loopar eller saknade egenskaper i objekt.

Genom att öva på dessa tekniker blir du mer självsäker och effektiv på att hitta och åtgärda buggar i din JavaScript-kod.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 18

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 1. Kapitel 18