Aprenda a usar o console como um profissional!

17/05/2021

Se você é um desenvolvedor Javascript, eu posso apostar que já usou console.log("") pelo menos uma vez. Aqui vão alguns mecanismos do console que talvez você não saiba e podem ser úteis.

uam imagem de um caminão azulparado na rua escrito café em sua lataria
uam imagem de um caminão azulparado na rua escrito café em sua lataria

Este artigo foi adaptado, o link original você encontra em:https://dev.to/suprabhasupi/use-javascript-console-like-pro-3j1h

1 - console.log( ) | info( ) | debug( ) | warn( ) | error( )

Esse talvez alguns vocês conheçam, mas para aqueles que não, tudo bem! Eu mesmo apesar de já saber desses comandos usava muito pouco até escrever esse artigo. também é sempre bom lembrar:

2 - Css na saída do console.

Use %c para aplicar css no texto de um console. Esse poucos conhecem.

Se o comando for assim, por exemplo: console.log("%cText color is green and increased font size", "color: green; font-size: 2rem;")


esse será o resultado:

3 - console.table( )

Esse comando gera uma tabela dentro do console.

let info = [["Suprabha"], ["Frontend Dev"], ["Javascript"]]

console.table(info)

A tabela fica mais ou menos assim:

4 - console.assert( )

Esse comando é muito útil! Ele recebe um argumento e um texto, e só printa o texto se o argumento for falso.

5 - console.time( ) and console.timeEnd( )

Apaixonado por performance? Eu também! E aqui uma forma prática de ver quanto tempo demora para rodar seu código

Se esse artigo foi útil para você, considere se inscrever na nossa newslleter. Demora menos de um minuto e você vai ficar informado de artigos como esse e muito mais. Só precisamos do seu email: