JavaScript -Profiler | Erklärt

In JavaScript, während es sich mit Codes befasst, die Komplexität beinhalten, müssen eine effektive Tools zur Analyse der Kompilierungszeit und des Speicheres für die Durchführung der einzelnen Codefunktionen erforderlich sind. In einem solchen Fall wundert sich der JavaScript -Profiler beim Umgang mit verschiedenen Funktionen. Einige davon werden in diesem Artikel erörtert.

Was ist ein JavaScript -Profiler?

JavaScript Profiler ist ein sehr effizientes Instrument, um den Code besser zu verstehen. Darüber hinaus hilft es im Verbesserung viel “Ausführungsgeschwindigkeit"Und merken über die Verbrauchten"Speicher" Und "Zeit”Gegen jede der durchgeführten Funktionen. Zusammenfassend spielt es eine große Rolle bei der effektiven Analyse und Optimierung des Gesamtcode.

Im folgenden Abschnitt wird die Implementierung des JavaScript -Profilers auf verschiedene Funktionen demonstriert.

Wir werden die Arbeit des JavaScript -Profilers auf Folgendes anwenden:

• “schalten" Stellungnahme.
• “Angegebene Funktion”.

Tutorial für die Ausführung des JavaScript -Profilers

• Klicken Sie mit der rechten Maustaste auf die Registerkarte geöffnet und klicken Sie auf die “Element inspizieren”.
• Danach zeigen Sie auf die 3 Punkte in der oberen rechten Ecke.
• Wählen Sie aus den angegebenen Optionen weitere Tools aus -> JavaScript -Profiler. Der "JavaScript -ProfilerDas Fenster wird dadurch geöffnet.
• Klicken Sie nun auf die “StartOption im JavaScript -Profiler und die Codefunktionalitäten ausführen.
• Sobald die Funktionen ausgeführt sind, klicken Sie auf die “stoppen" Möglichkeit. Dies führt dazu.

Demonstration

Hier wird der Profiler angewendet, um die Funktionalitäten der “zu überprüfenAlarmDialogbox und das angehängte "Onmouseover" -Event.

Beispiel 1: Anwenden von JavaScript -Profiler auf die Switch -Anweisung

Im folgenden Beispiel, die Eingabeaufforderung/-Age -Dialogfelder und die “schalten”Die Erklärung wird angewendet, um an den JavaScript -Profiler zugeschnitten zu werden.

Bitten Sie den Benutzer zunächst, den Namen in Bezug auf die angegebenen Fälle einzugeben:

var get = fordert ("den Namen eingeben:")

Als nächstes schließen Sie die “einschalten”Anweisung zum Zugriff auf den Eingabwert und die entsprechende Nachricht gegen den Fall auf dem übereinstimmenden Wert anzeigen:

Switch (get)
Fall "David":
alarm ("Der Name ist David")
brechen;
Fall "Alex":
alarm ("Der Name ist Alex")
brechen;

Ausgang

In der obigen Ausgabe kann beobachtet werden.

Beispiel 2: Anwenden von JavaScript -Profiler auf die angegebene Funktion

Überprüfen Sie in diesem Beispiel die konsumierte Zeit des JavaScript -Profilers bei der Behandlung einer bestimmten Funktion.

Geben Sie zunächst die folgende Überschrift an, die angegeben ist “Ausweis"Und rechtfertigen Sie es mit der" in der Mitte "" Schild. Binden Sie auch eine an "OnmouseoverEreignis mit der angegebenen Funktion. Dies führt zu dem Zugriff auf die Funktion Access (), wenn Sie die Maus über den angegebenen Überschriften schweben:

Dies ist eine Website

Deklarieren Sie nun die Funktion benannt “Zugang()”. In seiner Definition die enthaltene Überschrift mit der “abrufen“dokumentieren.GetElementById ()" Methode. Danach anwenden Sie die “InnerText”Eigenschaft, um den bereits angegebenen Übergang in die aktualisierte Mauszeigung wie folgt zu transformieren:

Funktion Access ()
var get = document.GetElementById ('Kopf')
erhalten.InnerText = "LinuxHint"

Ausgang

Wir haben das Konzept der Anwendung des JavaScript -Profilers auf verschiedene Codealgorithmen zusammengestellt und die verbrauchte Zeit gegen jede von ihnen festgestellt.

Abschluss

Der JavaScript -Profiler kann auf die “angewendet werdenschalten”Anweisung zusammen mit den Dialogfeldern und der Alarmdienste oder auf dem“angegebene Funktion”. Aus der diskutierten Implementierung kann beobachtet werden, dass der letztere Ansatz vergleichsweise weniger Zeit verbraucht als der erstere Ansatz. Diese Beschreibung hat die Implementierung des JavaScript-Profilers auf die verschiedenen Funktionen gezeigt.