JavaScript Profiler | Wyjaśnione

W JavaScript, choć zajmując się kodami obejmującymi w nich złożoność, istnieje potrzeba pewnego rodzaju skutecznego narzędzia do analizy czasu kompilacji i pamięci zużywanej podczas wykonywania każdej funkcji kodu. W takim przypadku profiler JavaScript zastanawia się w obsłudze różnych funkcjonalności. Kilka z nich zostanie omówionych w tym artykule.

Co to jest profiler JavaScript?

JavaScript Profiler to bardzo wydajne narzędzie do lepszego zrozumienia kodu. Oprócz tego bardzo pomaga w ulepszonym „prędkość wykonania”I powiadomienie o konsumpcji„pamięć" I "czas”Wbrew każdej z wykonywanych funkcji. Podsumowując, odgrywa to wielką rolę w skutecznej analizy i optymalizacji ogólnego kodu.

W poniższej sekcji wykazano wdrożenie profilera JavaScript na różne funkcje.

Zastosujemy działanie profilera JavaScript do następujących:

• "przełącznik" Oświadczenie.
• "Określona funkcja".

Samouczek do wykonania profilera JavaScript

• Kliknij prawym przyciskiem myszy otwartą kartę i kliknij „Sprawdź element".
• Następnie wskazuj 3 kropki w prawym górnym rogu.
• Z podanych opcji wybierz więcej narzędzi -> JavaScript Profiler. „„JavaScript Profiler„W rezultacie otworzy się okno.
• Teraz kliknij „początek„Opcja w profilerze JavaScript i wykonaj funkcje kodu.
• Po wykonaniu funkcji kliknij „zatrzymywać się" opcja. Spowoduje to powiadomienie użytkownika o konsumowanym czasie przeciwko każdej z funkcji.

Demonstracja

W tym przypadku profesja jest stosowana do sprawdzenia funkcjonalności „alarm„Okno dialogowe i załączone wydarzenie„ onmouseover ”.

Przykład 1: Zastosowanie profilera JavaScript w instrukcji przełącznika

W poniższym przykładzie oknoprzełącznik”Oświadczenie zostanie zastosowane w celu zaspokojenia profilera JavaScript.

Najpierw poproś użytkownika o wprowadzenie nazwy w odniesieniu do dostarczonych przypadków:

var get = monit („Wprowadź nazwę:”)

Następnie dołącz „przełącznik”Instrukcja, aby uzyskać dostęp do wartości wejściowej i wyświetlić odpowiedni komunikat w stosunku do skrzynki na dopasowanej wartości:

przełącznik (get)
sprawa „David”:
Alert („Nazwa to David”)
przerwa;
sprawa „Alex”:
Alert („Nazwa to Alex”)
przerwa;

Wyjście

W powyższym wyjściu można zaobserwować, że profiler JavaScript wyświetla czas spożywany podczas obsługi każdej funkcji osobno w wyżej wymienionym kodzie.

Przykład 2: Zastosowanie profilera JavaScript w określonej funkcji

W tym przykładzie sprawdź konsumowany czas profilera JavaScript w obsłudze konkretnej funkcji.

Po pierwsze, określ następujące nagłówek, o którym stwierdzono „ID”I uzasadnij go do centrum za pomocą„”Tag. Dołącz także „onmouseover”Zdarzenie z określoną funkcją. Spowoduje to uzyskanie dostępu do funkcji dostępu () po unoszeniu myszy nad określonym nagłówkiem:

To jest strona internetowa

Teraz zadeklaruj funkcję o nazwie „dostęp()". W swojej definicji pobieraj dołączony nagłówek za pomocą „dokument.getElementById ()" metoda. Następnie zastosuj „Innertext„Własność, aby przekształcić już określone nagłówek do zaktualizowanego na myszy w następujący sposób:

Funkcja Access ()
var get = dokument.getElementById („głowa”)
Dostawać.innerText = "Linuxhint"

Wyjście

Opracowaliśmy koncepcję zastosowania profilera JavaScript do różnych algorytmów kodu.

Wniosek

Profiler JavaScript można zastosować na „przełącznik”Oświadczenie wraz z wierszem i ostrzeżeniem okna dialogowego lub„określona funkcja". Z omówionego wdrożenia można zaobserwować, że to ostatnie podejście zużywa stosunkowo mniej czasu niż pierwsze podejście. Ten zapis wykazał wdrożenie profilera JavaScript w różnych funkcjonalności.