JavaScript Profiler | Forklart

I JavaScript, mens du håndterer koder som involverer kompleksiteter i dem, er det behov for et slags effektivt verktøy for å analysere kompileringstiden og minnet som konsumeres for å utføre hver av kodefunksjonaliteten. I et slikt tilfelle lurer JavaScript -profilen på å håndtere forskjellige funksjonaliteter. Noen få av disse vil bli diskutert i denne artikkelen.

Hva er en JavaScript -profiler?

JavaScript Profiler er et veldig effektivt verktøy for å forstå koden på en bedre måte. I tillegg til det, hjelper det mye i det forbedrede “Utførelseshastighet”Og å varsle om den konsumerte”hukommelse”Og“tid”Mot hver av den utførte funksjonaliteten. For å oppsummere, spiller det en stor rolle i å analysere og optimalisere den samlede koden effektivt.

I det følgende avsnittet vil implementeringen av JavaScript -profilen etter forskjellige funksjonaliteter bli demonstrert.

Vi vil bruke JavaScript -profilen til følgende:

• “bytte om”Uttalelse.
• “Spesifisert funksjon”.

Opplæring for utførelse av JavaScript -profilen

• Høyreklikk på den åpne fanen og klikk på "Inspisér element”.
• Peker etter de 3 prikkene i øverste høyre hjørne.
• Velg flere verktøy fra de uttalte alternativene -> JavaScript Profiler. “JavaScript -profiler”Vinduet åpnes som et resultat.
• Nå, klikk på “start”Alternativ i JavaScript -profileren og utfør kodefunksjonalitetene.
• Når funksjonalitetene er utført, klikker du på "Stoppe”Alternativ. Dette vil resultere i å varsle brukeren om den konsumerte tiden mot hver av funksjonaliteten.

Demonstrasjon

Her blir profilen brukt for å sjekke funksjonalitetene til "varsling”Dialogboks og den vedlagte“ onmouseover ”-arrangementet.

Eksempel 1: Bruker JavaScript -profiler på bryterklæringen

I det følgende eksemplet, hurtig/varsel dialogbokser og "bytte om”Uttalelsen vil bli brukt for å bli tilpasset JavaScript -profileren.

For det første, be brukeren om å legge inn navnet med hensyn til de oppgitte tilfellene:

var get = hurtig ("Skriv inn navnet:")

Deretter inkluderer "bytte om”Uttalelse for å få tilgang til inngangsverdien og vise den tilsvarende meldingen mot saken etter den matchede verdien:

bryter (få)
sak "David":
Varsel ("Navnet er David")
gå i stykker;
sak "Alex":
Varsel ("Navnet er Alex")
gå i stykker;

Produksjon

I output ovenfor kan det observeres at JavaScript-profileren viser tiden som forbrukes ved å betjene hver av funksjonaliteten separat i ovennevnte kode.

Eksempel 2: Bruke JavaScript -profiler på den spesifiserte funksjonen

I dette eksemplet kan du sjekke den konsumerte tiden til JavaScript -profilen i håndteringen av en bestemt funksjon.

For det første, spesifiser følgende overskrift med den oppgitte “id”Og rettferdiggjør det til sentrum ved hjelp av“" stikkord. Fest også en "onmouseover”Hendelse med den spesifiserte funksjonen. Dette vil føre til tilgang til funksjonstilgangen () når du svever musen over den spesifiserte overskriften:

Dette er et nettsted

Nå, erklærer funksjonen som heter “adgang()”. I sin definisjon kan du hente den inkluderte overskriften ved å bruke "dokument.getElementById ()”Metode. Etter det, bruk "Innertekst”Eiendom for å transformere den allerede spesifiserte overskriften til den oppdaterte en på musens svevende som følger:

funksjonstilgang ()
var get = dokument.getElementById ('hode')
få.Innertext = "Linuxhint"

Produksjon

Vi har samlet konseptet med å anvende JavaScript -profilen til forskjellige kodealgoritmer og bemerket den konsumerte tiden mot hver av dem.

Konklusjon

JavaScript -profileren kan brukes på "bytte om”Uttalelse sammen med hurtig og våken dialogbokser eller på“spesifisert funksjon”. Fra den diskuterte implementeringen kan det observeres at den sistnevnte tilnærmingen forbruker relativt mindre tid enn den tidligere tilnærmingen. Denne oppskrivningen demonstrerte implementeringen av JavaScript-profilen på de forskjellige funksjonalitetene.