.
Este artigo explica o funcionamento e o uso do método “console.time()” em JavaScript.
O que o método “console.time()” faz em JavaScript?
O ' console.time() ” rastreia o tempo de execução da operação ou função. Ele inicia o cronômetro que calcula a duração da operação JavaScript especificada e acaba usando o “ console.timeEnd() ” método.
Sintaxe
console. tempo ( rótulo )
O “console.time()” suporta um opcional “ rótulo ” argumento que especifica o nome da operação. É recomendado em múltiplas ocorrências do método “console.time()” para a fácil identificação de cada operação.
Código HTML
Percorra o seguinte código HTML:
< h2 > console. tempo ( ) Método em JavaScript h2 >< p > Abra o console ( F12 ) para verificar a execução Tempo p >
No trecho de código acima:
- O ' ” cria um subtítulo exibindo a declaração especificada.
- O ' ” especifica um parágrafo.
Observação: O código HTML acima será seguido ao longo do artigo.
Exemplo 1: Aplicação do Método “console.time()” para Analisar o Tempo de Execução de uma Funcionalidade de Código (Loop “for”)
Neste exemplo, o “ console.time() ” método é usado para obter o tempo de execução do definido “ para ” loop em JavaScript.
Código JavaScript
Considere as linhas de código abaixo indicadas:
< roteiro >console. tempo ( 'para loop' ) ;
para ( existe um = 0 ; a < 1000 ; a ++ ) {
}
console. horaFim ( 'para loop' ) ;
roteiro >
No bloco de código acima:
- Especifique o ' console.time() ” método com um rótulo “ para loop ” no início do loop “for” definido.
- Depois disso um “ para ” loop é inicializado que irá iterar 1000 vezes.
- Por último, o “ console.timeEnd() ” é definido para interromper o cronômetro e mostrar o tempo de execução total do loop “for”.
Saída
Como visto, o console mostra o tempo total de execução do loop “for” em milissegundos (ms).
Exemplo 2: Aplicando o Método “console.timeEnd()” para Comparar o Tempo de Execução dos Loops
Este exemplo explica como o “ console.time() ” pode ser usado para comparar várias operações, ou seja, tempo de execução de “loops” para comparação.
Código JavaScript
Visão geral do seguinte código JavaScript:
< roteiro >console. tempo ( 'Primeiro for loop' ) ;
para ( estava em = 0 ; eu < 1000 ; eu ++ ) {
}
console. horaFim ( 'Primeiro for loop' ) ;
console. tempo ( 'Segundo para loop' ) ;
para ( existe um = 0 ; a < 2000 ; a ++ ) {
}
console. horaFim ( 'Segundo para loop' ) ;
roteiro >
No código acima:
- Primeiro, especifique o “ console.time() ” método para iniciar o temporizador para o primeiro inicializado “ para ' laço.
- Na próxima etapa, o primeiro loop “for” é inicializado.
- Depois disso, anexe o “ console.timeEnd() ” para parar o cronômetro para obter o tempo total de execução.
- Em seguida, o método “console.time()” é aplicado novamente para o último loop, e o método “console.timeEnd()” também para o cronômetro.
Saída
Conforme analisado, o console mostra o tempo total de execução de ambos os loops “for” inicializados, comparando-os.
Conclusão
O JavaScript oferece o built-in “ console.time() ” que inicia o cronômetro e calcula a duração da funcionalidade de código especificada. Ajuda na comparação do tempo de execução das operações e para fins de teste. Uma vez iniciado o cronômetro, ele para com a ajuda do método “console.timeEnd()”.
Este guia descreveu o funcionamento e uso do método “console.time()” em JavaScript.