Console em JavaScript

Em JavaScript, o console Objeto dá acesso ao navegador para permitir a depuração. É usado para objetivos diferentes, incluindo a exibição de mensagens, alertas e erros no navegador console. Portanto, é muito útil para fins de depuração.

Os navegadores da web mais populares, incluindo Firefox, Google Chrome, Safari, etc., Forneça um conjunto de ferramentas de desenvolvedor que consistem em um depurador, console, elemento de inspeção e analisador de atividades de rede. Através dessas ferramentas, tornou -se mais fácil executar quaisquer tarefas de acordo com os requisitos.

Neste post, o console em JavaScript é explicado brevemente com os seguintes resultados de aprendizado:

• Como usar o objeto de console em javascript
• Como vários métodos de console funcionam em JavaScript

Como usar o objeto de console em javascript?

Em JavaScript, a console é um objeto combinado com métodos diferentes para executar várias funções e obter a saída no navegador.

Alguns dos métodos de console em JavaScript são como segue:

• console.Método Log (): Emitir a mensagem para o console da web.
• console.Info (): emitir uma mensagem informativa para o console da web
• console.erro(): Exibe uma mensagem de erro no console.
• console.Claro(): Remove tudo do console.
• console.avisar(): Exibe uma mensagem de aviso.
• console.afirmar(): Retorne uma mensagem de erro se a afirmação falhar.
• console.contar(): Devolver o número de contagens chamadas.
• console.mesa(): Retorna dados em um formato tabular.
• console.Grupo(): Cria um grupo embutido no console.
• console.GroupEnd (): Terminar o grupo atual no console.
• console.Tempo(): Inicia um cronômetro para a visualização do console.
• console.timeEnd (): Termine o cronômetro e retorne o resultado ao console.

Para proporcionar um melhor entendimento, alguns exemplos são fornecidos.

Como o console.Log () Método Trabalho em JavaScript?

O console.registro() Método exibe a saída para o console. Os usuários podem inserir qualquer tipo dentro do log (), como strings, booleanos, matrizes, objetos, etc. O código de exemplo do console.registro() O método é dado abaixo.

Código:

// console.Método log ()
console.log ("Bem -vindo ao javascript") // string
console.log (1); // boleano
console.log ([1, 2, 3]); // Array dentro do log
console.log (true); // boleano
console.log (nulo);

No código acima, o console.registro() O método é usado para imprimir a corda, um booleano e uma matriz no console.

Saída:

Observa -se que os valores de sequência, booleana e matriz são impressos no console.

Como o console.info () trabalha em javascript?

O console.info () O método exibe as principais informações sobre o usuário de acordo com as necessidades. A maioria dos desenvolvedores usou esse método para exibir informações permanentes.

Código:

// console.Info () Método
console.info ("esta é uma mensagem de informação");

No código acima, uma string é passada usando o console.info () método.

Saída:

Na janela do console, a saída da string é exibida usando console.info () método.

Como o console.Error () Método funciona em JavaScript?

Para exibir a mensagem de erro, o console.erro() o método é usado. A maioria dos desenvolvedores o usou para solução de problemas.

O código de exemplo do console.erro() o método é dado o seguinte.

Código:

// console.Error () Método
console.erro ('Este é um erro simples');

O console.erro() O método executado no navegador do console é marcado como uma entrada de string na figura abaixo.

Saída:

Ao passar um único argumento do tipo de string, a mensagem de erro é exibida no console.

Como o console.Clear () Método Trabalho em JavaScript?

O console.claro() o método é usado para remover todas as informações do navegador de console. Na maioria das vezes, é usado no início do código para remover todas as informações anteriores ou exibir uma saída limpa.

Código:

// console.Método Clear ()
console.claro();

O console.claro() O método é usado como entrada no navegador do console.

Saída:
Vejamos o estado do console antes de aplicar o console.Método Clear ().

Agora, observe o console após aplicar o método clear ().

A figura de saída mostra uma tela clara na janela do console usando o console.claro() método.

Como o console.Warn () Método Trabalho em JavaScript?

O console.Método Warn () é usado para mostrar o mensagem de aviso para o navegador de console. Requer apenas um argumento para exibir a mensagem. O JavaScript O código está abaixo:

Código:

// console.Método Warn ()
console.Warn ('Este é um aviso.');

Uma mensagem de aviso simples está sendo impressa usando o método warn ().

Saída:

A saída mostra um símbolo de aviso e a mensagem que você inseriu no console.avisar() método.

Como o console.Método Count () Trabalho em JavaScript?

O console.contar() Método mostra quantas vezes um método foi chamado. Abaixo está o código para o console.Método Count ().

Código:

// console.Método Count ()
para (vamos i = 1; i<6;i++)
console.contagem (i);

No código acima, o console.contar() o método é usado para contar os métodos dentro de um loop.

Saída:

A figura mostra que cinco contagens são chamadas em um loop for usando o console.contar() método.

Como o console.Tabela () Método Trabalho em JavaScript?

O console.mesa() O método é usado para exibir objetos na forma de uma tabela no console do navegador. Fizemos uso do seguinte código para mostrar o uso do console.mesa() método.

Código:

console.tabela ('a': 1, 'b': 2, 'c': 3, 'd': 4);

O console.mesa() O método é usado para representar os dados em forma de tabular.

Saída:

A figura abaixo mostra uma tabela na qual os valores são armazenados atribuindo índices.

Como o console.time () e console.Os métodos TimeEnd () funcionam em JavaScript?

O console.tempo() O método é usado para começar a calcular o tempo de execução de uma parte específica do código. Além disso, no final do código, você pode usar console.TimeEnd () Para obter o tempo de execução.

O código de exemplo seguinte implementa o console.tempo() e console.TimeEnd () métodos.

Código:

// console.time () e console.Método timeEnd ()
console.tempo ('Bem -vindo ao JavaScript');
Let Fun_sit = function ()
console.log ('fun_sit está em execução');

Let Fun_Stand = function ()
console.log ('fun_stand está em execução…');

fun_sit (); // chamando fun_sit ();
fun_stand (); // chamando fun_stand ();
console.TimeEnd ('Bem -vindo ao JavaScript');

No código acima,

• O console.tempo() o método é usado no
• Depois disso, duas funções são criadas.
• Mais tarde, essas funções são
• Por fim, usamos o console.TimeEnd () método para retornar o tempo total de execução do código (que é colocado entre o console.tempo() e console.TimeEnd () métodos).

Saída:

É observado a partir da saída que o código escrito entre o console.tempo() e console.TimeEnd () Métodos tomados 8.96 ms executar.

Como o console.Grupo () Método Trabalho em JavaScript?

O console.grupo() O método é usado para fazer um grupo de mensagens no console. Além disso, o console.groupend () O método é usado para encerrar esse grupo. O código de exemplo que exerce console.grupo() e console.groupend () Métodos está escrito abaixo.

Código:

// console.grupo () e console.Método GroupEnd ()
console.grupo ('simples');
console.Warn ('Alerta!');
console.erro ('notificação de erro');
console.log ('Bem -vindo ao JavaScript');
console.groupend ('simples');
console.log ('nova seção');

No código acima,

• console.grupo() o método é usado.
• Depois disso, o warn (), erro (), e registro() Os métodos são usados ​​para exibir mensagens no grupo.
• No final, console.groupend () é usado para encerrar as mensagens do grupo.

Saída:

A saída ilustra o grupo de mensagens nas quais erros e notificações de aviso são exibidas. Considerando que a declaração 'Nova seção'é exibido fora do grupo.

Aqui está! Você aprendeu a entender e aplicar objetos de console e seus métodos em javascript.

Conclusão

Em JavaScript, o console O objeto compreende vários métodos que podem ser usados ​​para obter a saída no navegador console. Este post demonstra a funcionalidade do console em JavaScript. Você aprendeu a acessar o console de vários navegadores. Além disso, fornecemos uma visão geral de todos os métodos suportados pelo console objeto em JavaScript.