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.
Reference
이 문제에 관하여(console.log() - 좋은 친구입니다!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/thiagopederzolli/console-log-o-seu-melhor-amigo-4mg텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)