Skip to main content

Console | console.log, console.warm, console.info console.error, console.dir | Javascript

  • Console | console.log, console.warm, console.info console.error, console.dir | Javascript

Console Inspect | util.inspect​

🧰 util.inspect()​

O módulo util do Node.js tem a função inspect(), que é excelente para visualizar objetos complexos (com várias camadas ou propriedades ocultas).

const util = require('util');

const usuario = {
  nome: "Ana",
  idade: 28,
  endereco: {
    rua: "Rua das Flores",
    numero: 123,
    cidade: "São Paulo"
  },
  hobbies: ["ler", "viajar", "programar"]
};

// Inspeciona o objeto com todas as propriedades e cores no terminal
console.log(util.inspect(usuario, { showHidden: false, depth: null, colors: true }));

🔍 Explicando as opções:​

  • showHidden: false → não mostra propriedades internas do objeto (como as do protótipo).
  • depth: null → mostra todos os níveis de profundidade (útil para objetos aninhados).
  • colors: true → adiciona cores no terminal (melhor visualização).

Se você quiser ver também propriedades internas e símbolos:

console.log(util.inspect(usuario, { showHidden: true, depth: null, colors: true }));

🧩 console.dir()​

O console.dir() é parecido com o util.inspect(), mas é integrado diretamente no console e também mostra objetos de forma detalhada.

const usuario = {
  nome: "Carlos",
  idade: 35,
  endereco: {
    rua: "Av. Paulista",
    numero: 1000,
    cidade: "São Paulo"
  },
  contatos: {
    email: "carlos@example.com",
    telefone: "11 99999-9999"
  }
};

// Mostra todas as camadas do objeto com cores
console.dir(usuario, { depth: null, colors: true });

🔍 Explicando:​

  • depth: null → exibe todas as propriedades aninhadas.
  • colors: true → adiciona cores ao output.

Tipos de Console​

1. console.log()​

  • Descrição: Usado para exibir mensagens gerais.
  • Uso: console.log("Mensagem ou valor");
  • Exemplo: console.log("Olá, mundo!");

2. console.error()​

  • Descrição: Usado para exibir mensagens de erro.
  • Uso: console.error("Mensagem de erro");
  • Exemplo: console.error("Ocorreu um erro!");

3. console.warn()​

  • Descrição: Usado para exibir mensagens de aviso.
  • Uso: console.warn("Mensagem de aviso");
  • Exemplo: console.warn("Atenção, algo pode estar errado!");

4. console.info()​

  • Descrição: Usado para exibir informações.
  • Uso: console.info("Mensagem informativa");
  • Exemplo: console.info("Processo concluído com sucesso.");

5. console.debug()​

  • Descrição: Usado para mensagens de depuração (em alguns navegadores, pode ser igual ao console.log).
  • Uso: console.debug("Mensagem de depuração");
  • Exemplo: console.debug("Valor da variável x:", x);

6. console.table()​

  • Descrição: Usado para exibir dados em uma tabela.
  • Uso: console.table(objetoOuArray);
  • Exemplo: 
    const dados = [{ nome: "Ana", idade: 25 }, { nome: "João", idade: 30 }];
    console.table(dados);

7. console.assert()​

  • Descrição: Exibe uma mensagem de erro se a expressão for falsa.
  • Uso: console.assert(expressão, "Mensagem de erro se falso");
  • Exemplo: 
    console.assert(1 === 2, "1 não é igual a 2");

8. console.clear()​

  • Descrição: Limpa o console.
  • Uso: console.clear();
  • Exemplo: console.clear();

9. console.count()​

  • Descrição: Conta o número de vezes que console.count() foi chamado com a mesma etiqueta.
  • Uso: console.count(etiqueta);
  • Exemplo: 
    console.count("Processo");
    console.count("Processo");

10. console.countReset()​

  • Descrição: Reseta o contador para a etiqueta fornecida.
  • Uso: console.countReset(etiqueta);
  • Exemplo: 
    console.count("Processo");
    console.countReset("Processo");
    console.count("Processo");

11. console.group() e console.groupEnd()​

  • Descrição: Cria e finaliza um novo grupo no console.
  • Uso: 
    console.group("Grupo 1");
    console.log("Mensagem dentro do grupo 1");
    console.groupEnd("Grupo 1");
  • Exemplo: 
    console.group("Detalhes");
    console.log("Detalhe 1");
    console.log("Detalhe 2");
    console.groupEnd("Detalhes");

12. console.groupCollapsed()​

  • Descrição: Cria um grupo que já começa colapsado.
  • Uso: 
    console.groupCollapsed("Grupo 2");
    console.log("Mensagem dentro do grupo 2");
    console.groupEnd("Grupo 2");
  • Exemplo: 
    console.groupCollapsed("Grupo Colapsado");
    console.log("Mensagem dentro do grupo colapsado");
    console.groupEnd("Grupo Colapsado");

13. console.time() e console.timeEnd()​

  • Descrição: Inicia e finaliza um temporizador para medir o tempo de execução.
  • Uso: 
    console.time("Temporizador");
    // Código a ser medido
    console.timeEnd("Temporizador");
  • Exemplo: 
    console.time("Loop");
    for (let i = 0; i < 1000; i++) {}
    console.timeEnd("Loop");

14. console.trace()​

  • Descrição: Exibe a stack trace (rastreamento de pilha) no ponto em que é chamado.
  • Uso: console.trace();
  • Exemplo: 
    function funcaoA() {
      funcaoB();
    }
    function funcaoB() {
      console.trace();
    }
    funcaoA();

15. console.dir()​

  • Descrição: Exibe uma lista interativa de propriedades de um objeto JavaScript.
  • Uso: console.dir(objeto);
  • Exemplo: 
    const elemento = document.getElementById("meuElemento");
    console.dir(elemento);

Console.context​

const myColoredLogger = console.context("storage", { color: "lemonchiffon" });
myColoredLogger.log("This is a log from my contextual logger");

alt text