JavaScript -ontfouting
Foute kan (sal) gebeur elke keer as jy 'n nuwe rekenaarkode skryf.
Kode ontfouting
Programmeringskode kan sintaksisfoute of logiese foute bevat.
Baie van hierdie foute is moeilik om te diagnoseer.
Dikwels, wanneer programmeringskode foute bevat, sal niks gebeur nie. Daar is geen foutboodskappe nie, en jy sal geen aanduiding kry waar om na foute te soek nie.
Om foute in programmeringskode te soek (en reg te stel) word kodeontfouting genoem.
JavaScript-ontfouters
Ontfouting is nie maklik nie. Maar gelukkig het alle moderne blaaiers 'n ingeboude JavaScript-ontfouter.
Ingeboude ontfouters kan aan- en afgeskakel word, wat dwing om foute aan die gebruiker te rapporteer.
Met 'n ontfouter kan jy ook breekpunte stel (plekke waar kode-uitvoering gestop kan word), en veranderlikes ondersoek terwyl die kode uitgevoer word.
Normaalweg, anders volg die stappe aan die onderkant van hierdie bladsy, jy aktiveer ontfouting in jou blaaier met die F12 sleutel, en kies "Konsole" in die ontfouter kieslys.
Die console.log() Metode
As jou blaaier ontfouting ondersteun, kan jy gebruik console.log()om JavaScript-waardes in die ontfoutervenster te vertoon:
Voorbeeld
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
console.log(c);
</script>
</body>
</html>
Wenk: Lees meer oor die console.log()metode in ons JavaScript-konsoleverwysing .
Stel breekpunte op
In die debugger-venster kan jy breekpunte in die JavaScript-kode stel.
By elke breekpunt sal JavaScript ophou uitvoer en jou JavaScript-waardes kan ondersoek.
Nadat u waardes ondersoek het, kan u die uitvoering van kode hervat (gewoonlik met 'n speelknoppie).
Die ontfouter Sleutelwoord
Die debuggersleutelwoord stop die uitvoering van JavaScript, en roep (indien beskikbaar) die ontfoutingsfunksie.
Dit het dieselfde funksie as om 'n breekpunt in die ontfouter te stel.
As geen ontfouting beskikbaar is nie, het die ontfouterstelling geen effek nie.
Met die ontfouter aangeskakel, sal hierdie kode ophou uitvoer voordat dit die derde reël uitvoer.
Voorbeeld
let x = 15 * 5;
debugger;
document.getElementById("demo").innerHTML = x;
Groot blaaiers se ontfoutingsnutsgoed
Normaalweg aktiveer jy ontfouting in jou blaaier met F12, en kies "Konsole" in die ontfouterkieslys.
Andersins volg hierdie stappe:
Chroom
- Maak die blaaier oop.
- Van die spyskaart, kies "Meer gereedskap".
- Kies "Ontwikkelaarnutsgoed" uit nutsgoed.
- Ten slotte, kies Console.
Firefox
- Maak die blaaier oop.
- Kies "Webontwikkelaar" in die kieslys.
- Ten slotte, kies "Web Console".
Rand
- Maak die blaaier oop.
- Kies "Ontwikkelaarnutsgoed" in die kieslys.
- Ten slotte, kies "Konsole".
Opera
- Maak die blaaier oop.
- Kies "Ontwikkelaar" in die kieslys.
- Van "Ontwikkelaar", kies "Ontwikkelaarnutsgoed".
- Ten slotte, kies "Konsole".
Safari
- Gaan na Safari, Voorkeure, Gevorderd in die hoofkieslys.
- Merk "Aktiveer Wys Ontwikkel-kieslys in menubalk".
- Wanneer die nuwe opsie "Ontwikkel" in die kieslys verskyn:
Kies "Wys foutkonsole".
Het jy geweet?
Ontfouting is die proses om foute (foute) in rekenaarprogramme te toets, te vind en te verminder.
Die eerste bekende rekenaargogga was 'n regte gogga ('n insek) wat in die elektronika vasgesit het.