JavaScript atkļūdošana pārlūkprogrammā (ar piemēriem)

Šajā apmācībā jūs uzzināsiet par JavaScript atkļūdošanu ar piemēru palīdzību.

Rakstot programmas, var rasties un radīsies kļūdas. Kļūdas ne vienmēr ir sliktas. Faktiski tie lielākoties palīdz mums identificēt ar mūsu kodu saistītas problēmas. Ir svarīgi zināt, kā atkļūdot kodu un novērst kļūdas.

Atkļūdošana ir programmas pārbaude, kļūdas atrašana un novēršana.

Ir dažādi veidi, kā jūs varat atkļūdot savu JavaScript programmu.

1. Console.log () izmantošana

console.log()Metodi var izmantot koda atkļūdošanai. Vērtību, kuru vēlaties pārbaudīt, varat ievadīt console.log()metodē un pārbaudīt, vai dati ir pareizi.

Sintakse ir:

 console.log(object/message);

Jūs varētu nodot objektu console.log()vai vienkārši ziņojuma virkni.

Iepriekšējā apmācībā mēs izmantojām console.log()metodi izdrukas drukāšanai. Tomēr atkļūdošanai varat izmantot arī šo metodi. Piemēram,

 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 )

Izmantojot console.log()metodi pārlūkprogrammā atver vērtību atkļūdotājs logā.

Console.log () metodes darbība pārlūkprogrammā

Tas console.log()nav raksturīgs pārlūkprogrammām. Tas ir pieejams arī citos JavaScript dzinējos.

2. Atkļūdotāja izmantošana

debuggerAtslēgvārds aptur izpildi kodu un prasa atkļūdošanas funkciju.

Tas debuggerir pieejams gandrīz visos JavaScript dzinējos.

Apskatīsim piemēru,

 let a = 6; let b = 9; let c = a * b; // stops the execution debugger; console.log(c);

Apskatīsim, kā jūs varat izmantot atkļūdotāju Chrome pārlūkprogrammā.

Atkļūdotāja darbība pārlūkprogrammā

Iepriekš minētā programma aptur programmas izpildi rindā, kurā ir debugger.

Pēc programmas pārskatīšanas jūs varat atsākt plūsmas kontroli.

Pārējais kods tiks izpildīts, atsākot skriptu, konsolē nospiežot atskaņošanu.

Atkļūdotāja darbība pārlūkprogrammā

3. Lūzuma punktu iestatīšana

Atkļūdotāja logā var iestatīt JavaScript koda pārtraukumpunktus.

JavaScript pārtrauks darboties katrā pārtraukuma punktā un ļaus jums pārbaudīt vērtības. Pēc tam jūs varat atsākt koda izpildi.

Apskatīsim piemēru, pārlūkā Chrome iestatot pārtraukuma punktu.

Pārtraukumu punktu darbība pārlūkprogrammā

Pārtraukuma punktus var iestatīt, izmantojot izstrādātāju rīku jebkurā koda vietā.

Pārtraukumu punktu iestatīšana ir līdzīga atkļūdotāja ievietošanai kodā. Šeit jūs vienkārši iestatāt pārtraukuma punktus, noklikšķinot uz avota koda līnijas numura, nevis manuāli izsaucat atkļūdotāja funkciju.

Iepriekš minētajās metodēs vienkāršības labad mēs izmantojām pārlūku Chrome, lai parādītu atkļūdošanas procesus. Tomēr tā nav jūsu vienīgā iespēja.

Visi labie IDE nodrošina veidu, kā jūs atkļūdot kodu. Atkļūdošanas process var būt nedaudz atšķirīgs, bet atkļūdošanas jēdziens ir tas pats.

Interesanti raksti...