Aprenda a explorar o potential escondido do console em JS

이 정보는 콘솔에 있는 콘솔에 있는 모든 개체에 대해 정보를 제공하지 않고 로그()를 사용하지 않고 다양한 방법으로 사용할 수 있습니다.

Hoje vou te mostrar quais são esses outros métodos e como explorar todo or potential do console.

콘솔.그룹()

상상할 수 있는 작업 console.log()를 구성하고 콘솔을 탐색할 콘솔이 없다고 가정합니까?

console.group("My group");
console.log("#1");
console.log("#2");
console.log("#3");
console.groupEnd();

com isso temos:

콘솔.assert()

Com esse comando é possível realizar uma checagem de alguma condição, retornando um erro caso seja false.

console.assert(2 > 1, "Mensagem de erro, 2 não é maior que 1");
console.assert(2 > 3, "Mensagem de erro, 2 não é maior que 3");

오류 메시지가 표시된 항목:

Se é um objeto...

다음과 같은 방법으로 어떤 콘솔도 사용할 수 없습니다:

const { assert } = console;
assert(2>3,"Error");
const { log: message } = console;
message("Eu era o log");

오브테모스:

콘솔 테이블

O nome é bem sugestivo.

const frutas = ["maça", "banana", "laranja", "uva"];
console.table(frutas);

Console.error() 및 console.warn()

Você pode exibir mensagens de erro e alerta

console.error("ERROR");
console.warn("WARN");

콘솔.클리어()

Limpe facilmente seu console com o clear

console.log("#1");
console.clear();
console.log("#2");

Console.time() 및 console.timeEnd()

O console.time()은 console.timeEnd()와 같은 이름으로 시작하여 최종 결정을 내릴 수 있습니다. Com esse método é possível ver o tempo, em milissegundos, decorrido desde a execução de alguma parte do seu código.

console.time("Tempo");
setTimeout(() => {
   console.timeEnd("Tempo");
}, 2000);

콘솔.카운트()

Conta o número de vezes que ele foi exibido.

const arr = [1,2,3,4]
console.count("contador");
for(let i in arr){
    console.count("contador");
}

결론

Esses foram alguns dos métodos que o console possui e que podem facilitar seu trabalho no dia a dia. Espero que pelo menos um deles seja útil para você.