Tässä opetusohjelmassa opit JavaScriptin virheenkorjauksesta esimerkkien avulla.
Voit kohdata virheitä kirjoittaessasi ohjelmia. Virheet eivät välttämättä ole huonoja. Itse asiassa ne auttavat meitä suurimmaksi osaksi tunnistamaan koodissamme olevat ongelmat. On tärkeää, että osaat virheenkorjata koodisi ja korjata virheet.
Virheenkorjaus on prosessi, jossa tutkitaan ohjelmaa, löydetään virhe ja korjataan se.
Voit korjata JavaScript-ohjelmaa eri tavoin.
1. Käyttämällä console.log ()
Voit käyttää console.log()menetelmää koodin virheenkorjaukseen. Voit siirtää tarkistettavan arvon console.log()menetelmään ja tarkistaa, ovatko tiedot oikeita.
Syntaksi on:
console.log(object/message);
Voit siirtää objektin console.log()tai yksinkertaisesti viestimerkkijonon.
Edellisessä opetusohjelmassa käytimme console.log()tapaa tulostaa tulosteet. Voit kuitenkin käyttää tätä menetelmää myös virheenkorjaukseen. Esimerkiksi,
let a = 5; let b = 'asdf'; let c = a + b; // if you want to see the value of c console.log(c); // then do other operations if(c) ( // do something )
Methodin käyttäminen console.log()selaimessa avaa arvon virheenkorjausikkunassa.
Console.log () -menetelmän käyttö selaimessa
Se console.log()ei ole ominaista selaimille. Se on saatavana myös muissa JavaScript-moottoreissa.
2. Debuggerin käyttö
debuggerAvainsana pysäyttää suorituksen koodin ja kehottaa virheenkorjaus toiminto.
Se debuggeron saatavilla melkein kaikissa JavaScript-moottoreissa.
Katsotaanpa esimerkki,
let a = 6; let b = 9; let c = a * b; // stops the execution debugger; console.log(c);
Katsotaanpa, kuinka voit käyttää virheenkorjainta Chrome-selaimessa.
Virheenkorjaimen toiminta selaimessa
Yllä oleva ohjelma keskeyttää ohjelman suorittamisen rivillä, joka sisältää debugger.
Tämän jälkeen voit jatkaa virtauksen ohjausta tutkittuasi ohjelman.
Loput koodista suoritetaan, kun jatkat komentosarjaa painamalla konsolin toistopainiketta.
Virheenkorjaimen toiminta selaimessa
3. Raja-arvojen asettaminen
Voit asettaa katkaisupisteet JavaScript-koodille virheenkorjausikkunassa.
JavaScript lopettaa suorituksen jokaisella katkaisupisteellä ja antaa sinun tutkia arvoja. Sitten voit jatkaa koodin suorittamista.
Katsotaanpa esimerkki asettamalla katkaisupiste Chrome-selaimessa.
Katkaisukohtien käsittely selaimessa
Voit asettaa katkaisupisteitä Developers-työkalun kautta missä tahansa koodin kohdassa.
Katkaisupisteiden asettaminen on samanlainen kuin virheenkorjaimen lisääminen koodiin. Täällä asetat vain katkaisupisteet napsauttamalla lähdekoodin rivinumeroa sen sijaan, että soitat manuaalisesti virheenkorjaustoimintoa.
Edellä mainituissa menetelmissä olemme käyttäneet Chrome-selainta virheenkorjausprosessien näyttämiseen yksinkertaisuuden vuoksi. Se ei kuitenkaan ole ainoa vaihtoehto.
Kaikki hyvät IDE: t tarjoavat sinulle mahdollisuuden koodin virheenkorjaukseen. Virheenkorjausprosessi voi olla hieman erilainen, mutta virheenkorjauksen taustalla oleva käsite on sama.
