JavaScript Profiler | Explicado

En JavaScript, mientras se trata de códigos que involucran complejidades en ellos, existe la necesidad de algún tipo de herramienta efectiva para analizar el tiempo de compilación y la memoria consumida para llevar a cabo cada una de las funciones del código. En tal caso, el perfilador de JavaScript se pregunta al manejar varias funcionalidades. Algunos de estos se discutirán en este artículo.

¿Qué es un perfilador de JavaScript??

JavaScript Profiler es una herramienta muy eficiente para comprender el código de una mejor manera. Además de eso, ayuda mucho en la mejora "velocidad de ejecución"Y notificando sobre los consumidos"memoria" y "tiempo"Contra cada una de la funcionalidad realizada. Para resumir, juega un papel muy importante en el análisis y optimización del código general de manera efectiva.

En la siguiente sección, se demostrará la implementación del perfilador de JavaScript sobre varias funcionalidades.

Aplicaremos el funcionamiento del Profiler JavaScript al siguiente:

• "cambiar" Declaración.
• "Función especificada".

Tutorial para ejecutar el perfilador JavaScript

• Haga clic derecho en la pestaña Abierto y haga clic en "Inspeccionar elemento".
• Después de eso, apunte a los 3 puntos en la esquina superior derecha.
• De las opciones establecidas, seleccione más herramientas -> JavaScript Profiler. El "JavaScript Profiler"La ventana se abrirá como resultado.
• Ahora, haga clic en el "comenzarOpción "en el perfilador de JavaScript y ejecutar las funcionalidades del código.
• Una vez que se ejecuten las funcionalidades, haga clic en el "detener" opción. Esto dará como resultado notificar al usuario el tiempo consumido contra cada una de las funciones.

Demostración

Aquí, el Profiler se aplica para verificar las funcionalidades del "alerta"Cuadro de diálogo y el evento adjunto" On Mouseover ".

Ejemplo 1: Aplicar el perfilador de JavaScript en la instrucción Switch

En el siguiente ejemplo, los cuadros de diálogo de solicitud/alerta y el "cambiarLa declaración se aplicará para ser atendida al Profiler JavaScript.

En primer lugar, solicite al usuario que ingrese el nombre con respecto a los casos proporcionados:

var get = solicit ("Ingrese el nombre:")

A continuación, incluya el "cambiarDeclaración "para acceder al valor de entrada y mostrar el mensaje correspondiente en el caso del valor coincidente:

Switch (get)
Caso "David":
alerta ("El nombre es David")
romper;
Caso "Alex":
alerta ("El nombre es Alex")
romper;

Producción

En la salida anterior, se puede observar que el Profiler de JavaScript muestra el tiempo consumido en la operación de cada una de las funciones por separado en el código democratado anteriormente.

Ejemplo 2: Aplicación de Profiler JavaScript en la función especificada

En este ejemplo, verifique el tiempo consumido del Profiler JavaScript en el manejo de una función particular.

En primer lugar, especifique el siguiente encabezado que tiene el declarado "identificación"Y justifíquelo al centro usando el"" etiqueta. Además, adjunte un "el ratón por encima"Evento con la función especificada. Esto dará como resultado acceder a la función Access () al pasar el mouse sobre el encabezado especificado:

Este es un sitio web

Ahora, declare la función llamada "acceso()". En su definición, obtenga el encabezado incluido usando el "documento.getElementById ()" método. Después de eso, aplique el "intexto"Propiedad para transformar el encabezado ya especificado al actualizado sobre el mouse del mouse de la siguiente manera:

function access ()
var get = documento.getElementByID ('cabeza')
conseguir.inntext = "Linuxhint"

Producción

Hemos compilado el concepto de aplicar el perfilador de JavaScript a varios algoritmos de código y señalamos el tiempo consumido contra cada uno de ellos.

Conclusión

El Profiler JavaScript se puede aplicar en el "cambiarDeclaración "junto con los cuadros de diálogo de solicitud y alerta o en el"función especificada". De la implementación discutida, se puede observar que el último enfoque consume comparativamente menos tiempo que el enfoque anterior. Este artículo demostró la implementación del Profiler JavaScript sobre las diversas funcionalidades.