Lære Grunnleggende Feilsøking

Sveip for å vise menyen

Feilsøking er en avgjørende ferdighet for enhver JavaScript-utvikler. Når du skriver og kjører kode, vil du møte ulike typer feil. Å forstå hvordan du leser feilmeldinger og kjenne til de vanligste feilene, hjelper deg å rette problemer raskt og holde prosjektene dine i gang.

De vanligste JavaScript-feilene inkluderer:

Syntaksfeil: oppstår når kodestrukturen er feil, for eksempel manglende parenteser eller klammeparenteser;
Referansefeil: oppstår når du prøver å bruke en variabel som ikke er deklarert eller er utenfor rekkevidde;
Typefeil: oppstår når en verdi brukes på en uventet måte, som å kalle en funksjon på noe som ikke er en funksjon.

Når en feil oppstår, vil nettleserens konsoll vise en feilmelding. Denne meldingen inkluderer vanligvis typen feil, en kort beskrivelse og linjenummeret der problemet ble oppdaget. Les alltid disse meldingene nøye – de er ditt første spor til å 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 å feilsøke effektivt, følg en systematisk tilnærming:

Reproduser feilen konsekvent slik at du kan observere den mens du tester løsninger;
Les feilmeldingen og noter filnavn og linjenummer;
Bruk console.log for å skrive ut verdier og følge flyten i koden din;
Sett stoppunkter i nettleserens utviklerverktøy for å pause kjøringen og inspisere variabler;
Endre kun én ting om gangen og test etter hver endring for å isolere problemet;
Vær oppmerksom på vanlige fallgruver som skrivefeil, avvik på én i løkker eller manglende egenskaper i objekter.

Ved å øve på disse teknikkene vil du bli mer selvsikker og effektiv til å finne og rette feil i JavaScript-koden din.

Alt var klart?

Takk for tilbakemeldingene dine!

Seksjon 1. Kapittel 18

Spør AI

Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår

Seksjon 1. Kapittel 18