10 métodos úteis de console JavaScript
- 1952
- 605
- Leroy Lebsack
Um método JavaScript é uma propriedade que contém uma definição de função. Um método de console é um objeto usado para acessar o console de depuração do navegador. Com a ajuda de métodos de console, podemos imprimir mensagens, avisos e erros no console do navegador, o que é útil para fins de depuração.
O console do desenvolvedor em um navegador da web é uma ferramenta que registra as informações associadas a uma página da web, como JavaScript, solicitações de rede e erros de segurança, etc. Para abrir a janela do console do desenvolvedor no Google Chrome, use o atalho do teclado Ctrl + Shift + J (no Windows) ou Ctrl + opção + j (no macOS).
O objeto de console fornece vários métodos para usar. Neste tutorial, você aprenderá os usos de Métodos de console JavaScript.
- REGISTRO
- Informações
- AVISAR
- ERRO
- AFIRMAR
- Contagem e campo
- Tempo, timelog e tempo
- Grupo e grupo
- MESA
- CLARO
Neste artigo, discutiremos 10 métodos úteis de console JavaScript que podem ajudá -lo a escrever um código mais eficiente e eficaz.
1. Usando 'console.registro()' Método
Em JavaScript, o console.registro() O método é usado para registrar ou imprimir mensagens no console, que é uma ferramenta incorporada na maioria dos navegadores da web e ambientes JavaScript. Um console é uma ferramenta de desenvolvedor que permite ver informações sobre seu código, como informações de depuração, mensagens de erro e mensagens registradas.
O console.registro() O método leva um ou mais argumentos e os registra no console. Por exemplo, você pode registrar uma string como esta:
| 1 | console.log ("Olá, mundo!"); |
Ou você pode registrar uma variável como esta:
deixe myNumber = 42; console.log (myNumber);| 12 | Deixe MyNumber = 42; Console.log (myNumber); |
Você também pode registrar vários valores de uma só vez, passando -os como argumentos separados:
console.log ("A resposta é", MyNumber);| 1 | console.log ("A resposta é", MyNumber); |
Além de registrar strings e variáveis, você também pode usar o console.Método log () para registrar objetos e matrizes. Por exemplo:
deixe myObject = nome: "John", idade: 42; console.log (myObject); Seja MyArray = [1, 2, 3, 4, 5]; console.log (myarray);| 12345 | Let MyObject = Nome: "John", idade: 42; console.log (myObject); Deixe Myarray = [1, 2, 3, 4, 5]; console.log (myarray); |
2. Usando 'console.info () ' Método
O console.info () O método em JavaScript é usado para registrar uma mensagem informativa no console. É preciso um ou mais parâmetros, que podem ser qualquer tipo de dados, e produz uma mensagem informativa para o console com um ícone azul "i".
Aqui está um exemplo de uso do console.info ():
const Username = 'johndoe'; console.info ('usuário $ nome de usuário está conectado.');| 12 | const Username = 'johndoe'; console.info ('usuário $ nome de usuário está conectado.'); |
No exemplo acima, o console.info () O método produzirá uma mensagem informativa ao console indicando que o usuário com o nome de usuário “Johndoe” está logado.
O console.info () O método é útil para registrar informações não críticas ou atualizações sobre o estado do programa. Pode ser usado para fins de depuração ou para fornecer contexto sobre a execução do programa.
3. Usando 'console.avisar()' Método
O console.avisar() O método em JavaScript é usado para registrar uma mensagem de aviso no console. É preciso um ou mais parâmetros, que podem ser qualquer tipo de dados, e produz uma mensagem de aviso para o console com um ícone de aviso amarelo.
Aqui está um exemplo de uso console.avisar():
| 1234 | const idade = 17; se (idade < 18) console.warn('User is under 18 years old. Proceed with caution.'); |
No exemplo acima, se a variável de idade for menor que 18, o console.avisar() O método produzirá uma mensagem de aviso para o console.
É importante notar que console.avisar() não é o mesmo que uma mensagem de erro. Uma mensagem de aviso indica que existe um problema em potencial que pode não ser crítico para a operação do código, enquanto uma mensagem de erro indica que existe um problema crítico que deve ser corrigido antes que o código possa continuar executando.
4. Usando 'console.erro()' Método
O console.erro() O método em JavaScript é usado para registrar uma mensagem de erro no console com um ícone de erro. É usado para indicar que ocorreu um erro ou exceção no código, o que pode fazer com que o aplicativo falhe.
Aqui está um exemplo de como usar o console.erro() método:
| 123456789 | const x = 5; const y = 0; tente const resultado = x / y; console.log ('resultado: resultado'); catch (error) console.erro (erro); |
Neste exemplo, estamos tentando dividir o valor de x por y, que é zero. Isso resultará em um divisão por zero Erro, que pegamos usando um bloco de tentativa. O console.O método de erro () é então chamado, passando o objeto de erro como um argumento. Isso produzirá uma mensagem de erro no console com um ícone de erro, juntamente com um rastreamento de pilha que mostra a pilha de chamadas no momento do erro. Usando o cOnsole.erro() O método é uma maneira eficaz de depurar e solucionar erros em aplicativos JavaScript.
5. Usando 'console.afirmar()' Método
Usar console.afirmar() O método escreve uma mensagem para o console com base em uma condição. Ele imprime a mensagem para consolar apenas se a primeira expressão de argumento avaliar para false.
| 1 | console.Assert (documento.getElementById ("nome"), "nenhum elemento encontrado com o 'nome'" "); |
6. Contagem e campo
O console.contar() O método é usado para escrever uma mensagem no console como o número de vezes que é chamado.
| 123 | para (i = 1; i <= 5; i++) console.count(); |
Por padrão, ele rotulou a mensagem com "padrão", Mas você pode mudar o rótulo passando como um argumento.
Usar console.Countset () Método para redefinir o contador, para que você possa usar mais uma vez.
para (i = 1; i <= 5; i++) console.count(); console.countreset();| 1234 | para (i = 1; i <= 5; i++) console.count();console.countreset(); |
7. Tempo, timelog e tempo
Usar console.tempo() função para iniciar um cronômetro para rastrear quanto tempo leva uma operação. Antes de começar a operar, use a função de tempo para iniciar o timer e usar o console.função timeEnd () assim que os acabamentos operacionais. Com a ajuda disso, você pode encontrar o tempo gasto por uma operação específica pelo aplicativo.
Você também pode usar console.timelog () Para imprimir a hora atual do seu código. Isso não iniciará ou terminará nenhum cronômetro, apenas imprima o registro de data e hora atual.
| 12345 | console.tempo ("tempo de resposta"); // outro bloco de codesconsole.timelog ("tempo de resposta"); // outro bloco de codesconsole.TimeEnd ("tempo de resposta"); |
8. Grupo e grupo
Use o console.grupo() função para fazer grupo de mensagem no console do navegador. Isso começará a agrupar a mensagem ao lado. Em seguida, use o console.agrupamento() função para terminar um grupo que começou pouco antes.
| 12345678910 | console.log ("Este é o nível externo"); console.Grupo ("Primeiro Grupo"); Console.log ("no primeiro grupo"); console.Grupo ("Segundo Grupo"); Console.log ("no segundo grupo em primeiro grupo"); console.Warn ("ainda no segundo grupo"); console.groupEnd (); console.log ("de volta ao primeiro grupo"); console.groupEnd (); console.Debug ("de volta ao nível externo"); |
9. MESA
Usar console.mesa() Método para imprimir um objeto na forma de tabela no console do navegador.
| 1 | console.tabela ('id': 1001, 'nome': 'tecadmin.líquido'); |
10. CLARO
O console JavaScript.O método clear () é usado para limpar a janela do console das ferramentas de desenvolvedor do navegador. Ele apaga todas as mensagens registradas anteriormente e qualquer outra saída que foi exibida anteriormente no console, tornando a janela do console em branco e pronta para novas mensagens.
console.claro();| 1 | console.claro(); |
Este método é comumente usado para limpar a saída do console quando você deseja se concentrar em um conjunto específico de mensagens ou quando deseja remover a desordem da janela do console. Pode ser chamado no console do navegador ou do código JavaScript em execução na página.
Conclusão
Em conclusão, os métodos de console JavaScript são um conjunto poderoso de ferramentas que podem ajudá -lo a depurar e otimizar seus aplicativos da Web. Ao usar esses métodos, você pode inspecionar e manipular facilmente objetos, medir o desempenho e registrar mensagens no console. Seja você um desenvolvedor iniciante ou experiente, esses métodos são essenciais para a criação de aplicações robustas e eficientes. Esperamos que este artigo tenha fornecido uma visão geral útil desses métodos e o inspirou a explorá -los ainda mais em seus próprios projetos.
- « (Resolvido) Comando Apt-Add-Repository não encontrado-Ubuntu & Debian
- Como instalar o NVM no Debian 9 »