1. O que é console.log ()?
Exceto por algumas versões muito antigas dos navegadores, a maioria dos navegadores atualmente vem com funções de depuração; Por exemplo, a versão antiga do Firefox não vem com ferramentas de depuração. Em um navegador com função de depuração, uma variável de membro nomeada console será registrada no objeto da janela, referindo -se ao console na ferramenta de depuração. Ao chamar a função log () do objeto do console, você pode imprimir informações no console. Por exemplo, o código a seguir imprimirá "Log" no console:
A cópia do código é a seguinte: Window.console.log ("Log da amostra");
O código acima pode ignorar o objeto da janela e diretamente abreviado como:
A cópia do código é a seguinte: console.log ("log de amostra");
Console.log () pode aceitar qualquer string, número e objeto JavaScript. Semelhante à função alert (), o console.log () também pode aceitar os caracteres NewLines/N e Tab/t. As informações de depuração impressas na instrução console.log () podem ser vistas no console de depuração do navegador. O comportamento do console.log () pode variar em diferentes navegadores.
2. Compatível com navegadores sem depurar console
Para versões antigas de navegadores que não possuem console de depuração, o objeto de console na janela não existe; portanto, usar a instrução console.log () pode causar diretamente erros dentro do navegador (erro de ponteiro nulo) e, eventualmente, levar a algumas versões antigas falhas do navegador. Para resolver esse problema, você pode definir manualmente o objeto de console e declarar que a função log do objeto de console é uma função vazia; :
Copie o código da seguinte forma: if (! Window.console) {
window.console = {log: function () {}};
}
No entanto, na maioria dos casos, não há necessidade de fazer esse trabalho de compatibilidade - o código de depuração como console.log () deve ser removido do código final do produto.
3. Use parâmetros
Semelhante à função alert (), console.log () também pode aceitar variáveis e unir -as com outras seqüências:
Copie o código da seguinte forma: // Use a variável
var name = "bob";
console.log ("O nome é:" + nome);
Diferentemente da função alert (), o console.log () também pode aceitar variáveis como parâmetros para passar para strings, e sua sintaxe específica é consistente com a sintaxe Printf na linguagem C:
Copie o código da seguinte forma: // Use o parâmetro
var people = "Alex";
var anos = 42;
console.log (" %s tem %d anos", pessoas, anos);
O resultado da execução do código acima é: "Alex tem 42 anos".
4. Use outros níveis de log
Além do console.log (), o Firebug também suporta uma variedade de diferentes níveis de log: depuração, informações, aviso, erro. O código a seguir imprimirá esses diferentes níveis de log no console:
Copie o código da seguinte forma: // Use o nível de registro diferente
console.log ("nível de log");
console.debug ("nível de depuração");
console.info ("nível de informação");
console.warn ("nível de aviso");
console.error ("nível de erro");
No console do Firebug, você pode ver que as cores e os ícones das informações de impressão em diferentes níveis de log são diferentes;