JavaScript Profiler | Spiegato

In JavaScript, mentre si tratta di codici che coinvolgono complessità in essi, è necessario una sorta di strumento efficace per analizzare il tempo di compilazione e la memoria consumati nello svolgimento di ciascuna delle funzionalità del codice. In tal caso, il Profiler Javascript si chiede nel gestire varie funzionalità. Alcuni di questi saranno discussi in questo articolo.

Cos'è un profiler javascript?

JavaScript Profiler è uno strumento molto efficiente per comprendere il codice in modo migliore. Oltre a ciò, aiuta molto nel miglioramento "velocità di esecuzione"E avvisare i consumati"memoria" E "tempo"Contro ciascuna delle funzionalità eseguite. Per riassumere, svolge un ruolo importante nell'analisi e ottimizzazione del codice complessivo in modo efficace.

Nella sezione seguente, sarà dimostrata l'implementazione del profiler JavaScript su varie funzionalità.

Applicheremo il funzionamento di JavaScript Profiler a quanto segue:

• "interruttore" Dichiarazione.
• "Funzione specificata".

Tutorial per l'esecuzione del Profiler JavaScript

• Fare clic con il tasto destro sulla scheda Aprita e fare clic su "Ispeziona elemento".
• Dopodiché, punta ai 3 punti nell'angolo in alto a destra.
• Dalle opzioni dichiarate, seleziona più strumenti -> JavaScript Profiler. IL "Profiler JavaScript"La finestra si aprirà di conseguenza.
• Ora, fai clic su "inizio"Opzione nel profiler JavaScript ed eseguire le funzionalità del codice.
• Una volta eseguite le funzionalità, fare clic su "fermare" opzione. Ciò comporterà la notifica all'utente del tempo consumato rispetto a ciascuna delle funzionalità.

Dimostrazione

Qui, il profiler viene applicato per verificare le funzionalità del "mettere in guardia"Dialogue Box e l'evento" OnMouseOver "allegato.

Esempio 1: Applicazione del profiler JavaScript sull'istruzione Switch

Nell'esempio seguente, le finestre prompt/avvisi e le "interruttore"La dichiarazione verrà applicata per essere soddisfatta al Profiler JavaScript.

In primo luogo, chiedi all'utente di inserire il nome rispetto ai casi forniti:

var get = prompt ("Immettere il nome:")

Successivamente, includi il “interruttore"Dichiarazione per accedere al valore di input e visualizzare il messaggio corrispondente rispetto al caso sul valore abbinato:

switch (get)
Caso "David":
Avviso ("Il nome è David")
rottura;
Caso "Alex":
Avviso ("Il nome è Alex")
rottura;

Produzione

Nell'output di cui sopra, si può osservare che il profiler JavaScript visualizza il tempo consumato nel gestire ciascuna delle funzionalità separatamente nel codice sopravvissuto.

Esempio 2: Applicazione del profiler JavaScript sulla funzione specificata

In questo esempio, controlla il tempo consumato di JavaScript Profiler nella gestione di una particolare funzione.

In primo luogo, specificare la seguente intestazione con il dichiarato "id"E giustificalo al centro usando il""Tag. Inoltre, allega un "onmouseover"Evento con la funzione specificata. Ciò comporterà l'accesso all'accesso alla funzione () al passaggio del mouse sopra l'intestazione specificata:

Questo è un sito web

Ora, dichiara la funzione chiamata "accesso()". Nella sua definizione, prendi l'intestazione inclusa usando il "documento.getElementById ()" metodo. Dopodiché, applica il "testo interno"Proprietà per trasformare l'intestazione già specificata su quella aggiornata sul mouse del mouse come segue:

funzione access ()
var get = document.getElementById ('head')
Ottenere.InnerText = "LinuxHint"

Produzione

Abbiamo compilato il concetto di applicare il profiler JavaScript a vari algoritmi di codice e notato il tempo consumato contro ciascuno di essi.

Conclusione

Il profiler JavaScript può essere applicato sul "interruttore"Dichiarazione insieme alle caselle di dialogo prompt e avvisato o su"funzione specificata". Dall'attuazione discussa, si può osservare che il secondo approccio consuma un tempo comparativamente inferiore rispetto al precedente approccio. Questo articolo ha dimostrato l'implementazione del profiler JavaScript sulle varie funzionalità.