Profiler JavaScript | Explicado

Em JavaScript, ao lidar com códigos que envolvem complexidades neles, é necessário algum tipo de ferramenta eficaz para analisar o tempo e a memória de compilação consumidos na execução de cada uma das funcionalidades do código. Nesse caso, o Profiler JavaScript se pergunta ao lidar com várias funcionalidades. Alguns deles serão discutidos neste artigo.

O que é um perfilador JavaScript?

JavaScript Profiler é uma ferramenta muito eficiente para entender o código de uma maneira melhor. Além disso, auxilia muito no melhorado “velocidade de execução”E notificando sobre o consumido“memória" e "tempo”Contra cada uma das funcionalidades executadas. Para resumir, ele desempenha um grande papel na análise e otimização do código geral de maneira eficaz.

Na seção a seguir, a implementação do Profiler JavaScript em várias funcionalidades será demonstrada.

Aplicaremos o funcionamento do Profiler JavaScript ao seguinte:

• ““trocar" Declaração.
• ““Função especificada”.

Tutorial para executar o Profiler JavaScript

• Clique com o botão direito do mouse na guia aberta e clique no “Inspecionar elemento”.
• Depois disso, aponte para os 3 pontos no canto superior direito.
• Nas opções declaradas, selecione mais ferramentas -> JavaScript Profiler. O "Profiler de JavaScript”A janela será aberta como resultado.
• Agora, clique no “começar”Opção no Profiler JavaScript e execute as funcionalidades do código.
• Depois que as funcionalidades forem executadas, clique no “parar”Opção. Isso resultará na notificação do usuário do tempo consumido contra cada uma das funcionalidades.

Demonstração

Aqui, o Profiler é aplicado para verificar as funcionalidades do “alerta”Caixa de diálogo e o evento“ OnMouseOver ”anexado.

Exemplo 1: Aplicando o Profiler JavaScript na instrução Switch

No exemplo seguinte, as caixas de diálogo Prompt/Alert e o “trocar”A declaração será aplicada para ser atendida ao Profiler JavaScript.

Em primeiro lugar, peça ao usuário que insira o nome em relação aos casos fornecidos:

var get = prompt ("Digite o nome:")

Em seguida, inclua o “trocar”Declaração para acessar o valor de entrada e exibir a mensagem correspondente contra o caso após o valor correspondente:

Switch (get)
caso "David":
Alerta ("O nome é David")
quebrar;
caso "Alex":
Alerta ("O nome é Alex")
quebrar;

Saída

Na saída acima, pode-se observar que o Profiler JavaScript exibe o tempo consumido na operação de cada uma das funcionalidades separadamente no código acima,.

Exemplo 2: Aplicando o Profiler JavaScript na função especificada

Neste exemplo, verifique o tempo consumido do Profiler JavaScript para lidar com uma função específica.

Em primeiro lugar, especifique o seguinte cabeçalho tendo o declarado “eu ia”E justifique -o para o centro usando o“" marcação. Além disso, anexe um “OnMouseOver”Evento com a função especificada. Isso resultará no acesso ao acesso à função () ao passar o mouse sobre o cabeçalho especificado:

Este é um site

Agora, declare a função chamada “acesso()”. Em sua definição, busque o cabeçalho incluído usando o “documento.getElementById ()”Método. Depois disso, aplique o “InnerText”Propriedade para transformar o caminho já especificado para o atualizado sobre o mouse Pair da seguinte maneira:

Função Access ()
var get = document.getElementById ('cabeça')
pegar.InnerText = "Linuxhint"

Saída

Compilamos o conceito de aplicar o Profiler JavaScript a vários algoritmos de código e observamos o tempo consumido contra cada um deles.

Conclusão

O Profiler JavaScript pode ser aplicado no “trocar"função especificada”. A partir da implementação discutida, pode -se observar que a última abordagem consome comparativamente menos tempo do que a abordagem anterior. Este artigo demonstrou a implementação do Profiler JavaScript sobre as várias funcionalidades.