Lære Grundlæggende Fejlfinding

Stryg for at vise menuen

Fejlfinding er en afgørende færdighed for enhver JavaScript-udvikler. Når du skriver og kører kode, vil du støde på forskellige typer fejl. Forståelse af, hvordan man læser fejlmeddelelser, og kendskab til de mest almindelige fejl hjælper dig med hurtigt at løse problemer og holde dine projekter i gang.

De mest hyppige JavaScript-fejl omfatter:

Syntaksfejl: disse opstår, når kodens struktur er forkert, for eksempel manglende parenteser eller klammer;
Referencefejl: disse opstår, når du forsøger at bruge en variabel, der ikke er erklæret eller er uden for rækkevidde;
Typefejl: disse opstår, når en værdi bruges på en uventet måde, såsom at kalde en funktion på noget, der ikke er en funktion.

Når en fejl opstår, vil browserens konsol vise en fejlmeddelelse. Denne meddelelse indeholder typisk typen af fejl, en kort beskrivelse og linjenummeret, hvor problemet blev fundet. Læs altid disse meddelelser grundigt—de er din første ledetråd til at løse ethvert 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.

For at fejlfinde effektivt, følg en systematisk tilgang:

Genskab fejlen konsekvent, så du kan observere den, mens du tester løsninger;
Læs fejlmeddelelsen og bemærk filnavn og linjenummer;
Brug console.log til at udskrive værdier og følge kodens flow;
Sæt breakpoints i din browsers udviklerværktøjer for at standse eksekveringen og inspicere variabler;
Ændr kun én ting ad gangen og test efter hver ændring for at isolere problemet;
Vær opmærksom på almindelige faldgruber som tastefejl, off-by-one-fejl i løkker eller manglende egenskaber i objekter.

Ved at øve disse teknikker vil du blive mere selvsikker og effektiv til at finde og rette fejl i din JavaScript-kode.

Var alt klart?

Tak for dine kommentarer!

Sektion 1. Kapitel 18

Spørg AI

Spørg om hvad som helst eller prøv et af de foreslåede spørgsmål for at starte vores chat

Sektion 1. Kapitel 18