Imprimir no console em JavaScript

  1. Imprimir no console com o método console.log() em JavaScript
  2. Imprimir no console com o método console.warn() em JavaScript
  3. Imprimir no console com o método console.error() em JavaScript
  4. Imprimir no console com o método console.info() em JavaScript

Como programador, você sempre precisa escrever um código que funcione com menos bugs. Mas o processo de encontrar bugs e entender como o código está sendo executado é complicado quando você tem que trabalhar com n linhas de código. Então, para tornar esse processo mais fácil, podemos usar algo chamado console. Um console é uma janela usada para imprimir ou mostrar a saída do programa e também usada para fins de teste. Todos os navegadores modernos oferecem suporte ao console. Você pode abrir a janela do console do navegador indo para a seção Ferramentas do desenvolvedor.

Existem vários métodos fornecidos pela linguagem de programação JavaScript que podem ser usados ​​para imprimir uma mensagem de saída no console. Todos esses métodos podem ser acessados ​​com a ajuda do objeto console. Cada método tem sua própria finalidade e pode ser usado com base em seus requisitos. Abaixo estão alguns dos métodos de console que muitos desenvolvedores usam amplamente.

  1. console.log()
  2. console.warn()
  3. console.error()
  4. console.info()

Vamos entender como usar cada um desses métodos para imprimir a mensagem no console em detalhes. Certifique-se de que a janela do console esteja aberta (se não estiver, pressione F12 ou vá para Ferramentas de desenvolvedor) para que possa ver a saída dos programas abaixo.

Imprimir no console com o método console.log() em JavaScript

É o método de console mais popular e amplamente usado em JavaScript. Esse método é comumente usado para imprimir várias mensagens ou resultados de cálculos no console ou até mesmo durante a depuração do código.

Você escreveu um código que adiciona dois números e agora deseja exibir o resultado dessa operação na janela do console; neste caso, você pode usar o método console.log().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var num_1 = 2, num_2 = 3;
        console.log(num_1 + num_2);
    </script>
    
  </body>
</html>

É assim que aparecerá na janela do console.

JavaScript console.log

Imprimir no console com o método console.warn() em JavaScript

Se você deseja imprimir avisos para o console, então você pode usar este método. Pode haver casos em que você deseja que o usuário faça uma coisa específica; então, você pode usar o método console.warn(). Por exemplo, você está criando um aplicativo onde rastreia o peso do usuário, e agora se o peso do usuário aumentar além de 100, você mostrará um aviso para o usuário no console que Faça exercício e seja saudável usando o console.warn()método.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var weight = Math.random() * (110-95) + 95;
        
        if(Math.floor(weight) < 100){
            console.warn("Do exercise and be healthy");
        }
    </script>
    
  </body>
</html>

A saída do código acima:

JavaScript console.warning

Imprimir no console com o método console.error() em JavaScript

Sempre que você quiser lançar qualquer erro para o console, você pode usar o método console.error(). Por exemplo, você escreve um código que gera um número aleatório entre 0 e 5. Agora aqui você deseja lançar uma mensagem de erro para o console quando o número aleatório gerado for igual a zero, então você pode usar o método console.error().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        var min =0, max = 5;
        var num = Math.random() * (max - min) + min;

        if(Math.floor(num) === 0){
            console.error("We don't accept zeros...");
        }
    </script>
    
  </body>
</html>

Se você executar o código acima, verá uma saída na janela do console.

JavaScript console.error

Imprimir no console com o método console.info() em JavaScript

É usado para exibir a mensagem informativa na janela do console. Se você estiver criando um aplicativo da web que fornece atualizações sobre o clima ao usuário e fornece algumas sugestões úteis ou informações com base no clima atual. Esses tipos de sugestões podem ser exibidos na janela do console como uma mensagem informativa usando o método console.info().

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Document</title>
  </head>
  <body>

    <script>
        console.info("The weather looks rainy today, you should take an umbrella with you.");
    </script>
    
  </body>
</html>

O código acima exibirá a mensagem informativa O tempo parece chuvoso hoje, você deve levar um guarda-chuva com você. como uma saída para o console.

JavaScript console.info

Artigo relacionado - JavaScript Debugging