Først og fremmest må jeg indrømme, at jeg vil bruge denne platform til at rense skelettet (dispositionen) fra mit udviklingsmiljø. Nogle gange er den "magi", jeg laver (nogle kalder det "kodning"), ikke så perfekt, som mine kolleger ser, når de viser dem disse fantastiske resultater. Ja, jeg sagde: nogle gange bruger jeg den gammeldags trial and error-metode, som vi alle kalder "debugging" :)
En af de ting, jeg har brændt for det sidste årti, har været front-end udvikling (specifikt Javascrip{filtering}t). Som "håndværker" kan jeg godt lide at lære nye værktøjer på markedet. I denne historie vil jeg give dig nogle gode, mere professionelle tips til, hvordan du bruger den "gamle" konsol.
Ja, vi kender alle dens grundlæggende anvendelse:
console.log('Hej verden!'); Log en besked eller et objekt til konsollen
console.info('Noget skete...'); Samme som konsollog
console.warn('Noget mærkeligt skete...'); Samme som konsollog, men udsender en advarsel
console.error('Noget forfærdeligt skete...'); Samme som konsollog, men udgiver en fejl
Så jeg håber nu, at jeg kan give dig nogle tips, du ikke kendte før, og de måder at spille det på kan gøre dig til en mere professionel debugger.
Tip #1 console.trace()
Hvis du vil have hint-placeringen til loginformation, kan du bruge console.trace() til at få en stack trace med logdata.
Tip #2 console.time() && console.timeEnd()
Hvis du prøver at finde et mere snigende ydelsesproblem, så brug console.time() til at begynde at beregne tiden, og brug derefter console.timeEnd() til at printe.
Tip #3 console.memory
Hvis dine performanceproblemer er mere komplicerede, og du leder efter en skjult hukommelseslækage, kan du prøve at bruge console.memory (som er en egenskab, ikke en funktion) til at tjekke din heap-størrelse.
Tip #4 console.profile('profileName') & console.profileEnd('profileName')
Dette er ikke en standardtilgang, men den er bredt understøttet. Du kan bruge console.profile('profileName') og derefter console.profileEnd('profileName') til at starte og afslutte browserens performance-værktøj - "performance profile" fra koden. Dette vil hjælpe dig med at analysere præcis, hvad du ønsker, og undgå, at du klikker med musen, hvilket afhænger af programmets eksekveringstid.
Tip #5 console.count("TING JEG TÆLLER")
I tilfælde af tilbagevendende funktioner eller kode kan du bruge console.count('?') for at tælle, hvor mange gange din kode er blevet læst.
Tip #6 console.assert (falsk, "Log mig!")
Ja, betinget logning pakker ikke dine logs med if-else-:)
Du kan bruge console.assert(condition, msg) til at logge noget, når betingelsen er falsk.
Ansvarsfraskrivelse: I Node.js vil dette give en påstandsfejl!
Tip #7: console.group('group') & console.groupEnd('group')
Efter at have skrevet så mange logs, kan det være en god idé at organisere dem. Et lille, men nyttigt værktøj er console.group() og console.groupEnd(). Brug konsolgrupper til at organisere konsollogs sammen, hvor hver gruppe skaber et nyt niveau i hierarkiet. Kalder groupEnd() for at reducere med ét niveau (tilbage til det forrige niveau).
Tip #8 Strengudskiftninger
Når du logger, kan du bruge strenge til at erstatte merge-variabler. Disse referencer er (%s = streng, %i = heltal, %o = objekt, %f = flyd).
Tip #9 console.clear()
Så efter at have skrevet så mange logs, er det tid til at rydde op i din konsol.
Tip #10 console.table()
Efter min mening er det en ægte "perle"! Du kan bruge console.table() til at printe et meget smukt bord!
|
Opslået på 07/08/2018 13.29.40
|
|
|
|
