A saída do log do js ainda é apenas console.log, então você está fora

Quase todos os desenvolvedores de javascript usam APIs de impressão de log e depuração com mais freqüência console.log(). Na verdade, existem muitas opções para escolhermos. O autor irá apresentá-las uma a uma a seguir.

一、 console.table ()

console.table()Este é o método que eu recomendo fortemente que você use. Ele pode aceitar JSON ou arrays e imprimi-los em formato tabular. É simples e fácil de usar ao imprimir objetos json e arrays visualmente e os resultados são intuitivos.

Por exemplo, o seguinte objeto de dados json usa console.table()impressão

    console.table({
    "id":"1",
    "key":"value",
    "count":2
    });

A saída do console é a seguinte:

Outro exemplo é imprimir a matriz no seguinte código:

 console.table([
    {
        id: "1",
        key: "value",
        count: 2,
        },
     {
         id: "2",
         key: "value2",
             count: 22,
       },
       {
            id: "3",
            key: "value3",
                count: 5,
               },
     ]);

A saída do console é a seguinte:

二、 console.error ()

console.error()É console.log()mais útil distinguir as informações de erro do log de saída durante a depuração

Como você pode ver na figura acima, o resultado da impressão de saída é vermelho.

(、 Time (time, timeLog, timeEnd)

Os três métodos console.time (), console.timeLog (), console.timeEnd () são especialmente úteis quando cronometramos o tempo de execução do programa.

Consulte a figura abaixo para entender esses três métodos

console.time () é equivalente ao botão iniciar do cronômetro
console.timeLog () é equivalente a cronometragem de volta / cronometragem de ponto em um cronômetro
console.timeEnd () é equivalente ao fim do tempo

console.time("ForLoop");  
 // "ForLoop" is label here
for (let i = 0; i < 5; i++) {
    console.timeLog('ForLoop'); 
}
console.timeEnd("ForLoop");

O console imprime o resultado

quatro,`console.warn()`

Use a fonte amarela para gerar o log, que é mais intuitivo e conveniente para visualizar as informações do log de aviso.

五、 console.assert ()

console.assert(assert_statement,message)Usado para definir a asserção, se for falsa , a mensagem será exibida

if(3!=2){
    console.error({ msg1: "msg1", msg2: "msg2" });
}
//上面的日志判断语句，可以简写为下面的断言
console.assert(3 === 2, { msg1: "msg1", msg2: "msg2" });

Outro tipo de afirmação que pode ser usado para formatar a saídaconsole.assert(assert_statement,message,args)

console.assert(false, "%d nd type for  %s ",2,"console.assert() method");

六、 console.count ()

console.count()Especialmente adequado para contagem, você pode passar parâmetros e contar o número de vezes de acordo com as tags de parâmetro. código mostrado abaixo:

 for (let i = 0; i < 3; i++) {
   console.count("label");
   console.count();
   console.count(i);
 }

O resultado da impressão do console é semelhante ao seguinte

 console.count()  console.count("label")   console.count(i)
 default: 1                label: 1                0: 1
 default: 2                label: 2                1: 1
 default: 3                label: 3                2: 1

console.count()Se nenhum parâmetro for passado, o rótulo padrão padrão será usado.
console.countReset(标签参数)Você pode redefinir a contagem do rótulo especificado para 0

Bem-vindo a seguir meu blog, existem muitas coleções boutique
Este artigo é reproduzido com a indicação da fonte (a conexão deve ser anexada, e o texto não pode ser reproduzido somente): Carta Blog da Brother .

Se você acha que é útil para você, por favor, curta e compartilhe para mim! Seu apoio é minha motivação criativa inesgotável! . Além disso, o autor produziu o seguinte conteúdo de alta qualidade recentemente e espero sua atenção.