Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Vedere: 9913|Răspunde: 0

[JavaScript] 10 sfaturi pentru a folosi consola pentru depanarea JS într-un mod mai profesionist

[Copiază linkul]
Postat pe 07.08.2018 13:29:40 | | | |
În primul rând, trebuie să recunosc că voi folosi această platformă pentru a curăța scheletul (conturul) din mediul meu de dezvoltare. Uneori, "magia" pe care o fac (unii o numesc "programare") nu este atât de perfectă pe cât văd colegii mei când le arată aceste rezultate magnifice. Da, am spus: uneori folosesc metoda veche de încercare și eroare, pe care toți o numim "depanare" :)



Unul dintre lucrurile care m-au pasionat în ultimul deceniu a fost dezvoltarea front-end (în special Javascrip{filtering}t). Ca "meșteșugar", îmi place să învăț unelte noi de pe piață. În această poveste, vă voi oferi câteva sfaturi grozave, mai profesionale, despre cum să folosiți consola "veche".

Da, știm cu toții utilizarea sa de bază:

console.log('Hello World!'); Loghează un mesaj sau un obiect în consolă

console.info('S-a întâmplat ceva...'); La fel ca logul de consolă

console.warn('S-a întâmplat ceva ciudat...'); La fel ca logul de pe consolă, dar afișează un avertisment

console.error('S-a întâmplat ceva groaznic...'); La fel ca logul de pe consolă, dar generează o eroare


Așadar, sper că acum pot să-ți dau câteva sfaturi pe care nu le știai înainte și acele moduri de a juca care te pot face un debugger mai profesionist.

Sfat #1 console.trace()


Dacă vrei să obții locația indiciilor pentru informațiile de log, poți folosi console.trace() pentru a obține un stack trace cu date de log.





Sfat #2 console.time() & console.timeEnd()

Dacă încerci să găsești o problemă de performanță mai insidioasă, folosește console.time() pentru a începe calcularea timpului, apoi folosește console.timeEnd() pentru a imprima.




Sfat #3 console.memory

Dacă problemele de performanță sunt mai complicate și cauți o scurgere ascunsă de memorie, poate vrei să folosești console.memory (care este o proprietate, nu o funcție) pentru a verifica starea dimensiunii heap-ului.







Sfat #4 console.profile('NumeProfil') & console.Sfârșit('NumeProfil')

Aceasta nu este o abordare standard, dar este larg susținută. Poți folosi console.profile('numeProfil') și apoi console.profileEnd('NumeProfil') pentru a porni și încheia instrumentul de performanță al browserului - "profile de performanță" din cod. Acest lucru te va ajuta să analizezi exact ce vrei și să eviți să dai click pe mouse, ceea ce depinde de timpul de execuție al programului.



Sfat #5 console.count ("STUFF I COUNT")

În cazul funcțiilor sau codului recurent, poți folosi console.count('?') să numeri de câte ori a fost citit codul tău.




Sfat #6 console.assert(false, "Loghează-mă!")

Da, jurnalizarea condiționată nu îți înfășoară jurnalele cu if-else :)

Poți folosi console.assert(condition, msg) pentru a înregistra ceva când condiția este falsă.

Disclaimer: În Node.js, acest lucru va genera o eroare de Aserție!




Sfat #7 console.group('group') & console.groupEnd('group')


După ce ai scris atât de multe jurnale, poate vrei să le organizezi. Un instrument mic, dar util, este console.group() și console.groupEnd(). Folosește grupuri de consolă pentru a organiza jurnalele consolelor împreună, fiecare grup creând un alt nivel în ierarhie. Apelând groupEnd() pentru a reduce cu un nivel (înapoi la nivelul anterior).




Sfat #8 Substituții de corzi

Când logezi, poți folosi șiruri pentru a înlocui variabilele de merge. Aceste referințe sunt (%s = șir, %i = întreg, %o = obiect, %f = float).




Sfat #9 console.clear()

Așadar, după ce am scris atât de multe jurnale, e timpul să-ți cureți consola.




Sfat #10 console.table()

Din punctul meu de vedere, aceasta este o adevărată "bijuterie"! Poți folosi console.table() pentru a imprima o masă foarte frumoasă!







Precedent:Instrument de dezvoltare Java IntelliJ IDEA 2018 descărcare pachet chinezesc
Următor:Diferența dintre SpringMVC și Springboot (extras)
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.

Mail To:help@itsvse.com