DEV Community

matheus fortunato
matheus fortunato

Posted on

Javascript: Indo além do console.log()

[undraw](https://undraw.co/)

Se você desenvolve em Javascript, com certeza já deva ter usado muito o método log do objeto console. Porem, ele não e o único meto que este objeto possui, continue lendo para ver outros métodos que podem ser muito uteis.

Índice

  • assert

  • dir

  • table

  • time & timeEnd

  • warn & error

  • clear

Assert

Exibe uma mensagem caso a expressão passada resulte em falha. Sua mensagem pode ser tanto uma String, Array ou Objeto.


Veja no exemplo acima, em “ Outro exemplo ”, podemos testar se um objeto possui uma propriedade, e caso não tenha será nos alertado, caso contrario não mudara em nada e não poluirá nossos logs.

Detalhe, caso esteja usando Node.js, os efeitos são diferentes. Caso a expressão falhe, será gerado um AssertionError.

Dir

Exibe uma lista interativa das propriedades do objeto. Muito útil para analisarmos algum elemento HTML, checar propriedades.


Veja no exemplo acima, pela nossa objeto input podemos ver todas as propriedades dele através do console.dir(). Caso você tente usar console.log() nesse objeto, você vera impresso em seu console:

Com Dir teremos uma interação melhor:

Table

Exibe dados em forma de tabela de um Objeto ou Array. muito útil para termos uma visão melhor e limpa dos dados do que apenas o console.log() nos mostra. Veja exemplo a seguir:


A iteração do Array simples temos a coluna de índice e outra com valor, ja um Array multidimensional temos mais colunas de acordo com sua dimensão, ja um Objeto temos suas Chaves e Valores bem claros a vista.

Time & TimeEnd

Iniciar um cronômetro com console.time() e finaliza apenas quando for chamado console.timeEnd(). Muito útil caso tenha um aparte do seu código que você deseja saber quanto tempo leva de execução. Veja exemplo a seguir:


No final da execução será exibido tempo que o Time foi aberto ate TimeEnd ser chamado.

Warn & Error

Similar ao Log, porem Warn exibe uma mensagem de alerta e Error exibe uma mensagem de Erro. Muito útil para especificar quando e uma falha maleável e quando ocorrer um erro de fato. Veja exemplos:


Vendo os dois métodos, somar e subtrair, em somar recebe valores padrões em seus parâmetros e caso não for passado será apenas alertado quando não for passado mas continuara funcionando e retornara 0, já o método subtrair, não recebe valores padrões em seus parâmetros, então caso não for passado em sua chamada será exibido um Erro no console e não retornara nada.

Clear

Por fim, o método Clear limpa o console, se o ambiente permitir.


Ao executar código, veja que no console você obterá a seguinte mensagem “Console was cleared”

Conclusão

Vemos que nem de console.log() pode viver um desenvolvedor Javascript. Espero que este conteúdo tenha agregado mais conhecimento.

Discussion (0)