1. Comando para exibir informações
O código é o seguinte:
<! Doctype html> <html> <head> <title> Comando de console comum </ititle> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <script type = "text/javascript"> console.log ('hello'); console.info ('Information'); console.error ('error'); console.warn ('aviso'); </script> </body> </html>O console mais comumente usado é o console.log.
Dois: espaço reservado
A concentração acima do console suporta o formato de espaço reservado PrintF. Os espaços reservados suportados são: caracteres (%s), números inteiros (%d ou%i), números de ponto flutuante (%f) e objeto (%O)
O código é o seguinte:
<script type = "text/javaScript"> console.log (" %d ano d %d Mês %D DIA", 2016, 8, 20); </script>Efeito:
3. Agrupamento de informações
O código é o seguinte:
<! Doctype html> <html> <head> <title> Comando comum do console </ititle> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <script type = "text/javasscript"> consumole.grop (consumole.Group (" console.log ("Primeiro Grupo Item 1: meu blog técnico (https://segmentfault.com/u/learnme)"); console.log ("Primeiro Item do Grupo 2: meu github (https://github.com/specialcoder/)"); console.Grupend (); console.Group ("Informações do segundo grupo"); console.log ("Segundo Grupo Primeiro: Entusiasta do Programa"); console.log ("Second Group Second: Welcome To Join"); console.GrouPend (); </sCript> </body> </html>Efeito:
4. Veja as informações do objeto
console.dir () pode exibir todas as propriedades e métodos de um objeto.
O código é o seguinte:
<script type = "text/javascript"> var info = {blog: "https://segmentfault.com/u/learnme/", github: "https://github.com/specialcoder/", mensagem: "Programa entusiasts os recebem para ingressar"}; console.dir (informação);Efeito:
5. Exiba o conteúdo de um nó
Console.dirxml () é usado para exibir o código HTML/XML contido em um nó de uma página da web.
O código é o seguinte:
<! Doctype html> <html> <head> <title> Comando comum do console </ititle> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> </head> <body> <div id = "info"> <h3> my blog: htleark Entusiastas, você pode se juntar a </p> </div> <script type = "text/javascript"> var info = document.getElementById ('info'); console.dirxml (info); </script> </body> </html>Efeito:
6. determinar se a variável é verdadeira
console.assert () é usado para determinar se uma expressão ou variável é verdadeira. Se o resultado for não, uma mensagem correspondente será emitida no console e uma exceção será lançada.
Assert é um bom recurso para garantir a correção do programa. Nos navegadores com ferramentas de depuração, esse recurso pode ser implementado chamando console.assert ().
O código é o seguinte:
<script type = "text/javascript"> var resultado = 1; console.assert (resultado); var ano = 2014; Console.Assert (Ano === 2018, "ASSERTION falhou"); </script>
Na declaração console.assert (), o primeiro parâmetro é o resultado da afirmação que precisa ser realizada, o que deve ser verdadeiro em circunstâncias normais; O segundo parâmetro é a mensagem de erro impressa no console quando ocorre um erro.
1 é um valor não 0, é verdade; e o segundo julgamento é falso e a mensagem de erro é exibida no console
Mostrar resultados:
7. Rastreie a trilha de chamada da função
Console.Trace () é usado para rastrear a trilha de chamada da função.
O código é o seguinte:
<script type = "text/javascript">/*Como a função é chamada, basta adicionar o método console.Trace () a ele*/função add (a, b) {console.trace (); retornar a+b; } var x = add3 (1,1); função add3 (a, b) {return add2 (a, b);} função add2 (a, b) {return add1 (a, b);} função add1 (a, b) {return add (a, b);} </script>Informações de saída do console:
8. Função de tempo
Console.Time () e Console.TimeEnd () são usados para exibir o tempo de execução do código.
O código é o seguinte:
<script type = "text/javascript"> console.time ("contagem 1000*1000"); for (var i = 0; i <1000; i ++) {for (var j = 0; j <1000; j ++) {}} console.TimeEnd ("contagem 1000*1000");O tempo de execução é de 10,64ms
9. Análise de desempenho do console.profile ()
A análise de desempenho (Profiler) é analisar o tempo de execução de cada parte do programa e descobrir o gargalo. O método usado é console.profile ().
O código é o seguinte:
<script type = "text/javascript"> function all () {alert (11); for (var i = 0; i <10; i ++) {funca (1000);} funcb (10000); } função funca (count) {for (var i = 0; i <count; i ++) {}} função funcb (count) {for (var i = 0; i <count; i ++) {}} console.profile ('performance analzer'); Todos(); console.profileend (); </sCript>Deixe -me explicar que, durante o teste LZ, nenhum alerta foi adicionado a todos () e a barra de controle não foi emitida. Depois de adicionar, houve uma tabela de análise de desempenho. O motivo ainda não estava claro. Se você sabe, você pode comentar.