Prima di tutto, devo ammettere che userò questa piattaforma per ripulire lo scheletro (la scaletta) del mio ambiente di sviluppo. A volte, la "magia" che faccio (alcuni la chiamano "programmare") non è così perfetta come vedono i miei colleghi quando mostrano loro questi magnifici risultati. Sì, ho detto: a volte uso il vecchio metodo di tentativi ed errori, che tutti chiamiamo "debug" :)
Una delle cose che mi appassionano negli ultimi dieci anni è stato lo sviluppo front-end (in particolare Javascrip{filtering}t). Come "artigiano", mi piace imparare nuovi strumenti sul mercato. In questa storia, vi darò alcuni ottimi consigli più professionali su come usare la "vecchia" console.
Sì, tutti conosciamo il suo uso di base:
console.log('Ciao Mondo!'); Registra un messaggio o un oggetto nella console
console.info('È successo qualcosa...'); Uguale al log della console
console.warn('È successo qualcosa di strano...'); Stesso modo per il log della console ma invia un avviso
console.error('È successo qualcosa di orribile...'); Stesso come il log della console ma genera un errore
Quindi, spero ora di poterti dare qualche consiglio che prima non conoscevi, e quei modi di giocare che possono renderti un debugger più professionale.
Consiglio #1 console.trace()
Se vuoi ottenere la posizione dell'indizio per le informazioni di log, puoi usare console.trace() per ottenere una traccia dello stack con i dati di log.
Consiglio #2 console.time() & & console.timeEnd()
Se stai cercando un problema di prestazioni più insidioso, usa console.time() per iniziare a calcolare il tempo, e poi usa console.timeEnd() per stampare.
Consiglio #3 console.memory
Se i tuoi problemi di prestazioni sono più complicati e stai cercando una perdita di memoria nascosta, potresti provare a usare console.memory (che è una proprietà, non una funzione) per controllare lo stato della dimensione dell'heap.
Consiglio #4 console.profile('NomeProfilo') & console.FineFineProfilo('NomeProfilo')
Questo non è un approccio standard, ma è ampiamente supportato. Puoi usare console.profile('profileName') e poi console.profileEnd('profileName') per avviare e terminare lo strumento di performance del browser - "performance profile" dal codice. Questo ti aiuterà ad analizzare esattamente ciò che vuoi ed evitare di cliccare il mouse, che dipende dal tempo di esecuzione del programma.
Consiglio #5 console.count ("COSE CHE CONTO")
Nel caso di funzioni ricorrenti o codice, puoi usare console.count('?') Contare il numero di volte che il tuo codice è stato letto.
Consiglio #6 console.assert(false, "Log me!")
Sì, il logging condizionato non avvolge i tuoi log con if-else :)
Puoi usare console.assert(condition, msg) per registrare qualcosa quando la condizione è falsa.
Disclaimer: In Node.js, questo genererà un errore di Assertion!
Consiglio #7 console.group('group') & console.groupEnd('group')
Dopo aver scritto così tanti log, potresti voler organizzarli. Uno strumento piccolo ma utile è console.group() e console.groupEnd(). Usa i gruppi console per organizzare insieme i log delle console, ogni gruppo creando un ulteriore livello nella gerarchia. Chiamando groupEnd() per ridurre di un livello (tornando al livello precedente).
Consiglio #8 Sostituzioni di stringhe
Quando si loga, puoi usare stringhe per sostituire le variabili di fusione. Questi riferimenti sono (%s = stringa, %i = intero, %o = oggetto, %f = float).
Consiglio #9 console.clear()
Quindi, dopo aver scritto così tanti log, è ora di pulire la tua console.
Consiglio #10 console.table()
Secondo me, questa è davvero una "gemma"! Puoi usare console.table() per stampare un tavolo davvero bellissimo!
|
Pubblicato su 07/08/2018 13:29:40
|
|
|
|
