JavaScript

O que é console.log? Como utilizar?

22 de maio de 2020

O que é console.log? Como utilizar?

Neste artigo veremos o que é console.log e também como podemos utilizar esta função para desenvolver nossos projetos no JavaScript!

o que e console log e como utilizar js capa

Fala programador(a), tudo bem? Bora aprender mais sobre JavaScript!

O console

Primeiramente é necessário entender que o console é um objeto, e o log() é apenas um método deste objeto

Há diversos outros métodos, como:

  • error();
  • warn();
  • clear();
  • time();
  • table();
  • count();
  • group();
  • e o próprio log();

Cada um tem a sua utilização específica, o log() tem como sua função emitir mensagens de depuração do sistema

O método log

Este método de console vai enviar os dados diretamente para o console do navegador

Que no Chrome pode ser acessado por: Ctrl + Shift + J

console do chrome

Aqui nesta tela todas as mensagens que estiverem dentro de console.log() serão exibidas

Então se você tem este código:

var teste = 'olá';

console.log(teste);

Você terá a exibição da variável teste no console, veja:

exemplo console log

Normalmente utilizamos o console.log para acompanhar os valores de variáveis durante a execução de algum código

Com o intuito de identificar algum bug ou entender como o código está se comportando

Tome cuidado

Não exponha variáveis sensíveis no console.log, isso pode causar problemas de segurança no seu software

O uso demasiado desta função pode representar lentidão no seu site, uma vez que o JS é executado no computador do cliente

E depende dos recursos do computador do mesmo

O ideal é apagar todos os console.log quando você enviar o site para produção, ou seja, o servidor que ficará hospedado

Pelo menos comentar as linhas

Conclusão

Neste artigo vimos o que é console.log e também como podemos utilizar

O log é um método do objeto console, que tem diversos outros métodos que auxiliam com mensagens no console do navegador

E o método log(), é utilizado para depurar valores de variáveis ou entender como o sistema está funcionando

Confira também nosso catálogo de cursos gratuitos, com aulas semanais no YouTube

Subscribe
Notify of
guest
6 Comentários
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Morgana Ramos

Excelente explicação. Obrigada!

Battisti

de nada Morgana!

Junior

Muito bom, simples e direto ao ponto.

Battisti

valeu!

André

Comigo não está funcionando do jeito que deveria. Eu invoco console.log(“Alguma msg”) e ele não imprime nada. Mas quando invoco console.clear() ele limpa o console. Será alguma configuração?

Battisti

bem estranho André, isso é algo que existe em todos os navegadores e deveria funcionar normalmente, a sintaxe está correta

6
0
Would love your thoughts, please comment.x