Først og fremst må jeg innrømme at jeg vil bruke denne plattformen til å rydde opp i skjelettet (disposisjonen) fra utviklingsmiljøet mitt. Noen ganger er ikke «magien» jeg gjør (noen kaller det «koding») så perfekt som kollegene mine ser når de viser dem disse fantastiske resultatene. Ja, jeg sa: noen ganger bruker jeg den gammeldagse prøve-og-feile-metoden, som vi alle kaller «feilsøking» :)
En av tingene jeg har vært lidenskapelig opptatt av det siste tiåret har vært front-end-utvikling (spesielt Javascrip{filtering}t). Som "håndverker" liker jeg å lære nye verktøy på markedet. I denne historien skal jeg gi deg noen flotte, mer profesjonelle tips om hvordan du bruker den «gamle» konsollen.
Ja, vi kjenner alle til den grunnleggende bruken:
console.log('Hello World!'); Logg en melding eller et objekt til konsollen
console.info('Noe skjedde...'); Samme som konsollloggen
console.warn('Noe merkelig skjedde...'); Samme som konsolllogg, men gir en advarsel
console.error('Noe forferdelig skjedde...'); Samme som konsolllogg, men gir en feil
Så jeg håper nå at jeg kan gi deg noen tips du ikke visste før, og hvordan du kan spille som kan gjøre deg til en mer profesjonell debugger.
Tips #1 console.trace()
Hvis du vil få hint-lokasjonen for logginformasjon, kan du bruke console.trace() for å få en stack trace med loggdata.
Tips #2 console.time() && console.timeEnd()
Hvis du prøver å finne et mer snikende ytelsesproblem, bruk console.time() for å begynne å regne ut tiden, og bruk deretter console.timeEnd() for å skrive ut.
Tips #3 console.memory
Hvis ytelsesproblemene dine er mer kompliserte og du leter etter en skjult minnelekkasje, kan du prøve å bruke console.memory (som er en egenskap, ikke en funksjon) for å sjekke heap-størrelsen din.
Tips #4 console.profile('profileName') & console.profileEnd('profileName')
Dette er ikke en standard tilnærming, men den er bredt støttet. Du kan bruke console.profile('profileName') og deretter console.profileEnd('profileName') for å starte og avslutte nettleserens ytelsesverktøy – "performance profile" fra koden. Dette vil hjelpe deg å analysere nøyaktig hva du ønsker og unngå at du klikker med musen, noe som avhenger av programmets kjøretid.
Tips #5 console.count("TING JEG TELLER")
Når det gjelder gjentakende funksjoner eller kode, kan du bruke console.count('?') for å telle hvor mange ganger koden din har blitt lest.
Tips #6 console.assert (falskt, "Logg meg!")
Ja, betinget logging pakker ikke loggene dine inn med if-else-:)
Du kan bruke console.assert(condition, msg) for å logge noe når betingelsen er falsk.
Ansvarsfraskrivelse: I Node.js vil dette gi en påstandsfeil!
Tips #7 console.group('group') & console.groupEnd('group')
Etter å ha skrevet så mange logger, kan det være lurt å organisere dem. Et lite, men nyttig verktøy er console.group() og console.groupEnd(). Bruk konsollgrupper til å organisere konsolllogger sammen, hver gruppe skaper et nytt nivå i hierarkiet. Kaller groupEnd() for å redusere med ett nivå (tilbake til forrige nivå).
Tips #8 Strengbytter
Når du logger, kan du bruke strenger for å erstatte sammenslåingsvariabler. Disse referansene er (%s = streng, %i = heltall, %o = objekt, %f = flyt).
Tips #9 console.clear()
Så, etter å ha skrevet så mange logger, er det på tide å rydde opp i konsollen din.
Tips #10 console.table()
Etter min mening er dette en ekte "perle"! Du kan bruke console.table() til å skrive ut et veldig vakkert bord!
|
Publisert på 07.08.2018 13:29:40
|
|
|
|
