Para a depuração de programas JavaScript, o uso de console.log () é uma maneira melhor do que alert (), porque: a função alert () bloqueará a execução dos programas JavaScript, causando efeitos colaterais; Embora o console.log () imprime apenas as informações relevantes no console, isso não causará preocupações semelhantes.
O que é console.log ()?
Exceto por algumas versões muito antigas de navegadores, a maioria dos navegadores atualmente vem com funções de depuração; Mesmo se não houver função de depuração, eles podem ser complementados com a instalação de plug-ins. Por exemplo, a versão antiga do Firefox não vem com ferramentas de depuração. Nesse caso, você pode adicionar funções de depuração instalando o plug-in do Firebug. 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 de 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. Para métodos de visualização específicos em cada navegador, consulte a seguinte página da web:
http://stackoverflow.com/questions/4743730/what-is-console-log-and-ow-o-i-use-it
O comportamento do console.log () pode variar em diferentes navegadores. Este artigo discute principalmente o uso do console.log () em Firebug.
Compatível com navegadores sem console de depuração
Para navegadores mais antigos que não têm console de depuração, o objeto de console na janela não existe; portanto, o uso diretamente do console.log () pode causar erros (erros de ponteiro nulo) dentro do navegador e, eventualmente, causar falhas em alguns navegadores mais antigos. Para resolver esse problema, você pode definir manualmente o objeto de console e declarar que a função log do objeto do console é uma função vazia; Dessa forma, quando a instrução console.log () é executada, essas versões antigas dos navegadores não farão nada:
A cópia do código é a seguinte:
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.
Parâmetros de uso
Semelhante à função alert (), console.log () também pode aceitar variáveis e unir -as com outras seqüências:
A cópia do código é a seguinte:
// Use 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:
A cópia do código é a seguinte:
// 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".
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:
A cópia do código é a seguinte:
// Use um 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 ícones das informações de impressão em diferentes níveis de log são diferentes; Ao mesmo tempo, você pode selecionar diferentes níveis de log no console para filtrar essas informações: