TypeScript:
Debug-output afdrukken
Hoe te:
Wil je debugoutput afdrukken in TypeScript? Consolemethoden zijn je beste keuze. Zie console.log
, console.error
en vrienden in actie:
// Basis log
console.log('Kijk Ma, ik ben aan het debuggen!');
// Gegroepeerde logs
console.group('Gebruikersgegevens');
console.log('Naam: John Doe');
console.log('Leeftijd: 34');
console.groupEnd();
// Tabel
console.table([{ a: 1, b: 'Y' }, { a: 'Z', b: 2 }]);
// Foutuitvoer
console.error('Oeps! Er is iets fout gegaan.');
// Waarschuwingsuitvoer
console.warn('Dit is een waarschuwing.');
// Een debuguitvoer
console.debug('Dit is een debugbericht.');
Voorbeelduitvoer:
Kijk Ma, ik ben aan het debuggen!
Gebruikersgegevens
Naam: John Doe
Leeftijd: 34
(index) a b
0 1 "Y"
1 "Z" 2
Oeps! Er is iets fout gegaan.
Dit is een waarschuwing.
Dit is een debugbericht.
Diepgaande Duik
Vroeger hadden we alert()
– het was in je gezicht en blokkeerde alles totdat het behandeld was. Nu regeren de console
methoden. Ze zijn minder opdringerig en komen met superkrachten: categoriseer berichten, print tabellen, of stijl uitvoer.
Alternatieven? Zeker. Je zou naar een bestand kunnen schrijven of berichten over het netwerk kunnen versturen voor op afstand loggen. Voor de browser geven tools zoals Chrome’s DevTools je meer controle over je logniveaus en formaten.
Wat betreft de implementatie, console
in TypeScript wordt JavaScript tijdens de uitvoering, en dat is waar alle echte actie plaatsvindt. Fancy TypeScript types veranderen hier niets aan—het is gewoon oude console
onder de motorkap, browser of Node.