Oppiskele Virheenkorjauksen Perusteet

Pyyhkäise näyttääksesi valikon

Virheenkorjaus on olennainen taito jokaiselle JavaScript-kehittäjälle. Koodia kirjoittaessa ja suorittaessa kohtaat erilaisia virheitä. Virheilmoitusten lukemisen ymmärtäminen ja yleisimpien virheiden tunnistaminen auttavat korjaamaan ongelmat nopeasti ja pitämään projektit etenemässä.

Yleisimmät JavaScript-virheet ovat:

Syntaksivirheet: nämä tapahtuvat, kun koodin rakenne on virheellinen, esimerkiksi puuttuvat sulut tai aaltosulkeet;
Viitevirheet: nämä ilmenevät, kun yritetään käyttää muuttujaa, jota ei ole määritelty tai joka on ulkona näkyvyysalueelta;
Tyyppivirheet: nämä tapahtuvat, kun arvoa käytetään odottamattomalla tavalla, kuten kutsutaan funktiota jollekin, joka ei ole funktio.

Kun virhe ilmenee, selaimen konsoli näyttää virheilmoituksen. Tämä viesti sisältää yleensä virheen tyypin, lyhyen kuvauksen ja rivinumeron, jossa ongelma havaittiin. Lue nämä viestit huolellisesti – ne ovat ensimmäinen vihje ongelman ratkaisemiseksi.


              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.

Tehokkaaseen virheenkorjaukseen kannattaa noudattaa järjestelmällistä lähestymistapaa:

Toista virhe johdonmukaisesti, jotta voit tarkkailla sitä ratkaisua testatessasi;
Lue virheilmoitus ja huomioi tiedoston nimi sekä rivinumero;
Käytä console.log-komentoa tulostaaksesi arvoja ja seurataksesi koodin kulkua;
Aseta keskeytyspisteitä selaimen kehittäjätyökaluihin suorituspolun pysäyttämiseksi ja muuttujien tarkasteluun;
Muuta vain yhtä asiaa kerrallaan ja testaa jokaisen muutoksen jälkeen ongelman eristämiseksi;
Ole tarkkana yleisten sudenkuoppien, kuten kirjoitusvirheiden, silmukoiden yhden yli -virheiden tai puuttuvien ominaisuuksien kanssa olioissa.

Näitä tekniikoita harjoittelemalla kehityt varmemmaksi ja tehokkaammaksi JavaScript-koodin virheiden löytämisessä ja korjaamisessa.

Oliko kaikki selvää?

Kiitos palautteestasi!

Osio 1. Luku 18

Kysy tekoälyä

Kysy mitä tahansa tai kokeile jotakin ehdotetuista kysymyksistä aloittaaksesi keskustelumme

Osio 1. Luku 18