console.log() - 좋은 친구입니다!

3840 단어 htmljavascript
올라 페소알!

Hoje venho falar sobre aquele que pode ser o seu melhor amigo no processo de desenvolvimento:

콘솔.로그()



.log()는 객체 콘솔을 사용하는 방법, 콘솔에서 사용할 수 없도록 VSCode를 사용하는 방법, JavaScript를 사용하는 방법, JavaScript를 사용하지 않는 방법, 콘솔을 사용하지 않는 방법, 콘솔에서 사용하지 않는 방법, HTML을 조작하기 위한 JavaScript 도구를 사용하는 것입니다. deixar sua página dinâmica.

E por que digo que é o seu melhor amigo? Porque é uma das ferramentas que mais vai te ajudar a encontrar erros nos seus códigos e resolver mais rápido os problemas.

간단한 응용 프로그램을 사용하려면 콘솔 없이 인쇄할 수 있는 기능이 있어야 합니다.

console.log() 없음 VSCode:



Digamos que você está desenvolvendo uma função, tenha se deparado com um retorno diferente do que era o esperado e você não consegue entender o que pode estar acontecendo na função. O console.log() será o seu melhor amigo nessa hora.

Você pode colocar como argumento dele as variáveis ​​ou condições que está avaliando e ver exatamente o que elas estão retornando. Vamos ver na prática, teremos um array de números:



const points = [40, 100, 1, 5, 25, 10];



Agora desejamos que ele fique em ordem númerica crescente.



function ordenarArray(arr) { 
  const pointSort = points.sort();
  return pointSort;
}

ordenarArray(points)



O .sort()는 일반적인 요소를 제공하는 방법으로, 실행 방법을 실행하고 결과를 확인할 수 있습니다.

.sort() 순서가 어떻게 됩니까? E como posso descobrir o que está retornando? 간단한 것, 또는 console.log()를 사용합니다. Antes de avaliarmos a função, testamos para verificar o seu retorno



function ordenarArray(arr) { 
  const pointSort = points.sort();
  console.log(pointSort);
}

ordenarArray(points)


Ao olharmos o console do nosso VSCode após clicarmos em Run Code, percebemos o seguinte retorno:



[Running] node "/home/thiago-troll/Documents/teste/consolelog/console2.js"
[ 1, 10, 100, 25, 40, 5 ]

[Done] exited with code=0 in 0.072 seconds



Com a juda do console.log() descobrimos que sem receber argumentos, o sort() acaba ordenando apenas pelo primeiro valor.

console.log() 없음 탐색:



Para acessar o console no navegador bista clicar com o botão direito e clicar em inspectionar. 다양한 옵션이 존재하는지 확인하십시오: 요소는 HTML을 포함하고 콘솔은 console.log()를 암시하지 않고 오류 메시지로 메시지를 보낼 수 있습니다.

Agora pense que você está adicionando um botão no seu HTML e quer que ele execute uma funcionalidade via JavaScript. Primeira coisa que você quer saber를 사용할 수 있습니까? Exatamente, se o JavaScript está capturando o clique. Para isso você pode desenvolver uma função simples no seu JavaScript:



const button = document.querySelector('#button');
button.addEventListener('click', function() {
  console.log('cliquei')
})


E ao abrir o console do navegador teremos a seguinte visão:


Imagem de uma aba do Chrome aberta com o título "Contador de Cliques"e um botão embaixo escrito "clique aqui"do lado esquerdo do navegador e no lado direito aberta a parte de inspecionar, na aba console exibindo a seguinte mensagem: "cliquei"!


Portanto는 console.log()를 사용할 수 없습니다. Além de ele ajudar na compreensão de cada passo que estás fazendo, ele ajuda muito em lidar com erros e retornos inesperados, otimizando muito nosso processo de criação de código.

좋은 웹페이지 즐겨찾기