JavaScripti silumine brauseris (koos näidetega)

Selles õpetuses saate näidete abil õppida JavaScripti silumist.

Programmide kirjutamisel võib tekkida ja võib tekkida vigu. Vead pole tingimata halvad. Tegelikult aitavad need enamasti meie koodiga seotud probleeme tuvastada. Oluline on teada, kuidas oma koodi siluda ja vigu parandada.

Silumine on programmi uurimine, vea leidmine ja parandamine.

JavaScripti programmi silumiseks on erinevaid viise.

1. Console.log () kasutamine

console.log()Koodi silumiseks saate kasutada meetodit. Kontrollitava väärtuse saate console.log()meetodisse edastada ja kontrollida, kas andmed on õiged.

Süntaks on:

 console.log(object/message);

Võite objekti edastada console.log()või lihtsalt sõnumistringi.

Eelmises õpetuses kasutasime console.log()väljundi printimiseks meetodit. Kuid seda meetodit saate kasutada ka silumiseks. Näiteks,

 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 )

Kasutades console.log()meetodit brauseri avab väärtus siluri aknas.

Console.log () meetodi kasutamine brauseris

See console.log()pole spetsiifiline brauseritele. See on saadaval ka teistes JavaScripti mootorites.

2. Siluri kasutamine

debuggerMärksõna peatab täitmise kood ja kutsub silumine funktsiooni.

See debuggeron saadaval peaaegu kõigis JavaScripti mootorites.

Vaatame näite,

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

Vaatame, kuidas saate silurit Chrome'i brauseris kasutada.

Silur töötab brauseris

Ülaltoodud programm peatab programmi täitmise reaga, mis sisaldab debugger.

Seejärel saate pärast programmi uurimist voo juhtimist jätkata.

Ülejäänud kood käivitatakse, kui jätkate skripti, vajutades konsoolis esituse.

Silur töötab brauseris

3. Murdepunktide seadmine

Siluriaknas saate JavaScripti koodi jaoks määrata murdepunktid.

JavaScripti täitmine lõpetatakse igas katkestuspunktis ja saate väärtusi uurida. Seejärel saate jätkata koodi täitmist.

Vaatame näite, määrates katkestuspunkti Chrome'i brauseris.

Murdepunktide töötamine brauseris

Murdepunkte saate määrata arendajate tööriista kaudu koodi kõikjal.

Murdepunktide määramine sarnaneb siluri sisestamisega koodi. Siin määrate lihtsalt katkestuspunktid, klõpsates lähtekoodi rea numbril, selle asemel et silumisfunktsiooni käsitsi kutsuda.

Eespool toodud meetodites oleme silumise protsesside kuvamiseks lihtsuse huvides kasutanud Chrome'i brauserit. Kuid see pole teie ainus võimalus.

Kõik head IDE-d võimaldavad teil koodi siluda. Silumisprotsess võib olla veidi erinev, kuid silumise mõiste on sama.

Huvitavad Artiklid...