Boeken
JavaScript
Hoofdstuk 9. Testen en Debuggen
Debug-output afdrukken

JavaScript:
Debug-output afdrukken

Hoe:

JavaScript maakt het ontzettend eenvoudig om debugoutput af te drukken met console.log(). Zo doe je dat:

console.log('Hallo, debugwereld!');

let number = 42;
console.log('Het nummer is:', number);

function add(a, b) {
  console.log(`Optellen ${a} + ${b}`);
  return a + b;
}

let result = add(3, 4);
console.log('Resultaat:', result);

Een voorbeeld van de output in de console van je browser of de Node.js-terminal zou er zo uitzien:

Hallo, debugwereld!
Het nummer is: 42
Optellen 3 + 4
Resultaat: 7

Diepere Duik

De console.log() methode komt uit de Console API, die al eeuwen een debuggingvriend is in browsers en Node.js-omgevingen. Maar er is meer dan alleen log; je hebt console.warn(), console.error(), en console.info(), allemaal sturen ze berichten uit met verschillende ernstniveaus.

Lang geleden gebruikten ontwikkelaars alert() voor debugging, maar dat werd snel vervelend - het blokkeert de interactie met de gebruiker door een dialoogvenster te tonen.

Er is ook console.dir() die je een JSON-achtige weergave van een object geeft, handig voor diepe inspecties. Als je wilt bijhouden hoe lang iets duurt, zijn console.time() en console.timeEnd() je maatjes.

Voor wie van een goede, schone output houdt, toont console.table() gegevens in een netjes tabelformaat. En wanneer je verder gaat dan eenvoudige debugging en de prestatiewereld betreedt, heeft de Console API nog meer gereedschappen zoals console.trace() voor callstack-informatie, console.profile() voor prestatieprofilering, onder anderen.

De manier waarop console-methoden worden geïmplementeerd kan verschillen tussen JavaScript-omgevingen, maar de essentie blijft hetzelfde: ze helpen ontwikkelaars om snel en met minimale moeite te begrijpen wat er onder de motorkap gebeurt.

Zie Ook

Het gebruik van een interactieve shell (REPL)