Ebben az oktatóanyagban példák segítségével megismerheti a JavaScript hibakeresését.
Hibákat tapasztalhat és fog tapasztalni a programok írása közben. A hibák nem feltétlenül rosszak. Valójában legtöbbször segítenek azonosítani a kóddal kapcsolatos problémákat. Alapvető fontosságú, hogy tudd, hogyan kell hibakeresni a kódot és kijavítani a hibákat.
A hibakeresés a program vizsgálata, a hiba megtalálása és kijavítása.
Különböző módon lehet hibakeresni a JavaScript programot.
1. A console.log () használata
A console.log()módszer segítségével kijavíthatja a kódot. Az ellenőrzendő értéket átadhatja a console.log()módszernek, és ellenőrizheti, hogy az adatok helyesek-e.
A szintaxis a következő:
console.log(object/message);
Átadhatja az objektumot console.log()vagy egyszerűen egy üzenet karakterláncot.
Az előző bemutatóban console.log()metódust használtunk a kimenet kinyomtatására. Ugyanakkor ezt a módszert is használhatja a hibakereséshez. Például,
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 )
A console.log()method használata a böngészőben megnyitja az értéket a hibakereső ablakban.
A console.log () metódus működése a böngészőben
A console.log()böngészőkre nem jellemző. Ez elérhető más JavaScript motorokban is.
2. A hibakereső használata
A debuggerkulcsszó leállítja a kód végrehajtását és meghívja a hibakeresési funkciót.
A debuggerszinte minden JavaScript-motorban elérhető.
Lássunk egy példát,
let a = 6; let b = 9; let c = a * b; // stops the execution debugger; console.log(c);
Nézzük meg, hogyan használhatja a hibakeresőt egy Chrome böngészőben.
Hibakereső működése a böngészőben
A fenti program a programot tartalmazó sorban szünetelteti a program végrehajtását debugger.
Ezután a program vizsgálata után folytathatja az áramlásszabályozást.
A kód többi része akkor fog végrehajtódni, amikor a konzolon a play megnyomásával folytatja a szkriptet.
Hibakereső működése a böngészőben
3. Töréspontok beállítása
Töréspontokat állíthat be a JavaScript kódhoz a hibakereső ablakban.
A JavaScript leállítja az egyes töréspontokat, és lehetővé teszi az értékek vizsgálatát. Ezután folytathatja a kód végrehajtását.
Nézzünk meg egy példát egy töréspont beállításával a Chrome böngészőben.
Töréspontok működése a böngészőben
Töréspontokat a Developers eszközön keresztül a kód bármely pontján beállíthat.
A töréspontok beállítása hasonló a hibakereső behelyezéséhez a kódba. Itt csak a töréspontokat állíthatja be, ha a forráskód sorszámára kattint, ahelyett, hogy manuálisan meghívná a hibakereső függvényt.
A fenti módszerekben az egyszerűség kedvéért a Chrome böngészőt használtuk a hibakeresési folyamatok bemutatására. Ez azonban nem az egyetlen lehetőség.
Minden jó IDE lehetővé teszi a kód hibakeresését. A hibakeresési folyamat kissé eltérhet, de a hibakeresés koncepciója ugyanaz.
