Primeiramente, devo admitir que vou usar essa plataforma para limpar o esqueleto (esboço) do meu ambiente de desenvolvimento. Às vezes, a "mágica" que faço (alguns chamam de "programação") não é tão perfeita quanto meus colegas veem quando mostram esses resultados magníficos. Sim, eu disse: às vezes, uso o método antigo de tentativa e erro, que todos chamamos de "depuração" :)
Uma das coisas pelas quais fui apaixonado na última década foi o desenvolvimento front-end (especificamente Javascrip{filtering}t). Como "artesão", gosto de aprender novas ferramentas no mercado. Nesta história, vou te dar algumas dicas ótimas e mais profissionais sobre como usar o console "antigo".
Sim, todos nós sabemos seu uso básico:
console.log('Hello World!'); Registre uma mensagem ou objeto no console
console.info('Algo aconteceu...'); Igual ao log do console
console.warn('Algo estranho aconteceu...'); Igual ao log do console, mas gera um aviso
console.error('Algo horrível aconteceu...'); Igual ao log do console, mas gera um erro
Então, espero poder te dar algumas dicas que você não sabia antes, e essas formas de jogar que podem te tornar um depurador mais profissional.
Dica #1 console.trace()
Se quiser obter a localização da dica para informações de log, pode usar console.trace() para obter um rastreamento de pilha com dados de log.
Dica #2 console.time() & & console.timeEnd()
Se você está tentando encontrar um problema de desempenho mais insidioso, use console.time() para começar a calcular o tempo e depois use console.timeEnd() para imprimir.
Dica #3 console.memory
Se seus problemas de desempenho forem mais complicados e você estiver procurando um vazamento de memória oculto, talvez queira tentar usar console.memory (que é uma propriedade, não uma função) para verificar o estado do tamanho do seu heap.
Dica #4 console.profile('NomePerfil') & console.profileEnd('NomePerfil')
Essa não é uma abordagem padrão, mas é amplamente suportada. Você pode usar console.profile('profileName') e depois console.profileEnd('profileName') para iniciar e encerrar a ferramenta de desempenho do navegador - "performance profile" a partir do código. Isso vai te ajudar a analisar exatamente o que você quer e evitar clicar no mouse, o que depende do tempo de execução do programa.
Dica #5 console.count ("COISAS QUE EU CONTO")
No caso de funções ou códigos recorrentes, você pode usar console.count('?') Para contar quantas vezes seu código foi lido.
Dica #6 console.assert(false, "Loge comigo!")
Sim, o registro condicional não envolve seus logs com if-else :)
Você pode usar console.assert(condition, msg) para registrar algo quando a condição for falsa.
Aviso: Em Node.js, isso gerará um Erro de Afirmação!
Dica #7 console.group('group') & console.groupEnd('group')
Depois de escrever tantos registros, talvez seja bom organizá-los. Uma ferramenta pequena, mas útil, é console.group() e console.groupEnd(). Use grupos de console para organizar os logs de console, cada grupo criando outro nível na hierarquia. Chamando groupEnd() para reduzir em um nível (de volta ao nível anterior).
Dica #8 Substituições de cordas
Ao registrar, você pode usar strings para substituir variáveis de merge. Essas referências são (%s = string, %i = inteiro, %o = objeto, %f = float).
Dica #9 console.clear()
Então, depois de escrever tantos logs, é hora de limpar seu console.
Dica #10 console.table()
Na minha opinião, isso é uma verdadeira "joia"! Você pode usar console.table() para imprimir uma mesa muito bonita!
|
Publicado em 07/08/2018 13:29:40
|
|
|
|
