Först och främst måste jag erkänna att jag kommer att använda denna plattform för att rensa upp skelettet (dispositionen) från min utvecklingsmiljö. Ibland är den "magi" jag gör (vissa kallar det "kodning") inte så perfekt som mina kollegor ser när de visar dem dessa magnifika resultat. Ja, jag sa: ibland använder jag den gammaldags trial and error-metoden, som vi alla kallar "felsökning" :)
En av de saker jag har brått för under det senaste decenniet har varit front-end-utveckling (specifikt Javascrip{filtering}t). Som "hantverkare" gillar jag att lära mig nya verktyg på marknaden. I den här berättelsen ska jag ge dig några bra, mer professionella tips om hur du använder den "gamla" konsolen.
Ja, vi känner alla till dess grundläggande användning:
console.log('Hej Värld!'); Logga ett meddelande eller ett objekt till konsolen
console.info('Något hände...'); samma som konsollogg
console.warn('Något konstigt hände...'); samma som konsolloggen men ger en varning
console.error('Något hemskt hände...'); samma som konsollogg men ger ett fel
Så jag hoppas att jag nu kan ge dig några tips som du inte visste tidigare, och de sätt att spela som kan göra dig till en mer professionell debugger.
Tips #1 console.trace()
Om du vill få hint-platsen för logginformation kan du använda console.trace() för att få en stacktrace med loggdata.
Tips #2 console.time() && console.timeEnd()
Om du försöker hitta ett mer illasinnat prestandaproblem, använd console.time() för att börja räkna ut tiden, och använd sedan console.timeEnd() för att skriva ut.
Tips #3 console.memory
Om dina prestandaproblem är mer knepiga och du letar efter en dold minnesläcka, kan du prova att använda console.memory (som är en egenskap, inte en funktion) för att kontrollera ditt heap-storlekstillstånd.
Tips #4 console.profile('profileName') & console.profileEnd('profileName')
Detta är inte en standardmetod, men den stöds brett. Du kan använda console.profile('profileName') och sedan console.profileEnd('profileName') för att starta och avsluta webbläsarens prestandaverktyg – "performance profile" från koden. Detta hjälper dig att analysera exakt vad du vill och undviker att du klickar med musen, vilket beror på programmets exekveringstid.
Tips #5 console.count("STUFF I COUNT")
När det gäller återkommande funktioner eller kod kan du använda console.count('?') För att räkna hur många gånger din kod har lästs.
Tips #6 console.assert(falskt, "Logga mig!")
Ja, villkorlig loggning slår inte in dina loggar med if-else-:)
Du kan använda console.assert(condition, msg) för att logga något när villkoret är falskt.
Ansvarsfriskrivning: I Node.js kommer detta att ge ett Assertion Error!
Tips #7 console.group('group') & console.groupEnd('group')
Efter att ha skrivit så många loggar kanske du vill organisera dem. Ett litet men användbart verktyg är console.group() och console.groupEnd(). Använd konsolgrupper för att organisera konsolloggar tillsammans, där varje grupp skapar en ny nivå i hierarkin. Anropar groupEnd() för att minska med en nivå (tillbaka till föregående nivå).
Tips #8 Strängbyten
När du loggar kan du använda strängar för att ersätta sammanslagningsvariabler. Dessa referenser är (%s = sträng, %i = heltal, %o = objekt, %f = flyttal).
Tips #9 console.clear()
Så, efter att ha skrivit så många loggar är det dags att städa upp i din konsol.
Tips #10 console.table()
Enligt min åsikt är detta en riktig "pärla"! Du kan använda console.table() för att skriva ut ett väldigt vackert bord!
|
Publicerad på 2018-08-07 13:29:40
|
|
|
|
