Allereerst moet ik toegeven dat ik dit platform zal gebruiken om het skelet (overzicht) van mijn ontwikkelomgeving op te schonen. Soms is de "magie" die ik doe (sommigen noemen het "coderen") niet zo perfect als mijn collega's zien wanneer ze hen deze prachtige resultaten laten zien. Ja, ik zei: soms gebruik ik de ouderwetse trial-and-error-methode, die we allemaal "debugging" noemen :)
Een van de dingen waar ik het afgelopen decennium gepassioneerd over ben geweest, is front-end ontwikkeling (specifiek Javascrip{filtering}t). Als "ambachtsman" leer ik graag nieuwe gereedschappen op de markt. In dit verhaal ga ik je een paar goede, meer professionele tips geven over hoe je de "oude" console kunt gebruiken.
Ja, we kennen allemaal het basisgebruik:
console.log('Hallo Wereld!'); Log een bericht of object in de console
console.info('Er is iets gebeurd...'); hetzelfde als het consolelogboek
console.warn('Er is iets vreemds gebeurd...'); Hetzelfde als het consolelogboek, maar geeft een waarschuwing
console.error('Er is iets vreselijks gebeurd...'); hetzelfde als het consolelogboek, maar geeft een foutmelding
Dus ik hoop dat ik je nu wat tips kan geven die je eerder niet kende, en dat die speelwijzen je een professionelere debugger kunnen maken.
Tip #1 console.trace()
Als je de hintlocatie voor loginformatie wilt krijgen, kun je console.trace() gebruiken om een stacktrace met loggegevens te krijgen.
Tip #2 console.time() && console.timeEnd()
Als je op zoek bent naar een meer insidious prestatieprobleem, gebruik console.time() om de tijd te berekenen en gebruik dan console.timeEnd() om te printen.
Tip #3 console.memory
Als je prestatieproblemen lastiger zijn en je zoekt naar een verborgen geheugenlek, kun je console.memory (een eigenschap en geen functie) proberen te gebruiken om je heap-grootte te controleren.
Tip #4 console.profile('profileName') & console.profileEnd('profileName')
Dit is geen standaardaanpak, maar het wordt breed ondersteund. Je kunt console.profile('profileName') en vervolgens console.profileEnd('profileName') gebruiken om de browserprestatietool te starten en te beëindigen - "performance profile" uit de code. Dit helpt je precies te analyseren wat je wilt en voorkomt dat je met de muis hoeft te klikken, wat afhangt van de uitvoeringstijd van het programma.
Tip #5 console.count("STUFF I COUNT")
In het geval van terugkerende functies of code kun je console.count('?') gebruiken. om het aantal keren te tellen dat je code is gelezen.
Tip #6 console.assert (onwaar, "Log me!")
Ja, conditionele logging verpakt je logs niet met if-else :)
Je kunt console.assert(condition, msg) gebruiken om iets te loggen wanneer de voorwaarde niet waar is.
Disclaimer: In Node.js levert dit een Assertion Error op!
Tip #7 console.group('group') & console.groupEnd('group')
Na het schrijven van zoveel logboeken wil je ze misschien organiseren. Een kleine maar nuttige tool is console.group() en console.groupEnd(). Gebruik consolegroepen om consolelogs samen te organiseren, waarbij elke groep een nieuw niveau in de hiërarchie creëert. GroupEnd() aanroepen om met één niveau te verlagen (terug naar het vorige niveau).
Tip #8 Snaarvervangingen
Bij het loggen kun je strings gebruiken om mergevariabelen te vervangen. Deze referenties zijn (%s = string, %i = geheel getal, %o = object, %f = float).
Tip #9 console.clear()
Dus, na zoveel logs geschreven te hebben, is het tijd om je console op te ruimen.
Tip #10 console.table()
Naar mijn mening is dit een echte "parel"! Je kunt console.table() gebruiken om een heel mooie tafel te printen!
|
Geplaatst op 07-08-2018 13:29:40
|
|
|
|
