.
Ten artykuł wyjaśnia działanie i użycie metody „console.time()” w JavaScript.
Co robi metoda „console.time()” w JavaScript?
„ konsola.czas() ” śledzi czas wykonania operacji lub funkcji. Uruchamia licznik czasu, który oblicza czas trwania określonej operacji JavaScript i kończy się użyciem „ console.timeEnd() ' metoda.
Składnia
konsola. czas ( etykieta )
Funkcja „console.time()” obsługuje opcjonalne „ etykieta ” argument określający nazwę operacji. Zaleca się wielokrotne występowanie metody „console.time()” w celu łatwej identyfikacji każdej operacji.
Kod HTML
Przejdź przez następujący kod HTML:
< h2 > konsola. czas ( ) metoda w JavaScript h2 >< P > Otwórz konsolę ( F12 ) aby sprawdzić wykonanie Czas P >
W powyższym fragmencie kodu:
- „ ” tworzy podtytuł wyświetlający określone stwierdzenie.
- „ Znacznik ” określa akapit.
Notatka: Powyższy kod HTML będzie stosowany w całym artykule.
Przykład 1: Zastosowanie metody „console.time()” do analizy czasu wykonania funkcjonalności kodu (pętla „for”)
W tym przykładzie „ konsola.czas() ” służy do uzyskania czasu wykonania zdefiniowanego „ Do ” pętla w JavaScript.
Kod JavaScript
Rozważ poniższe linie kodu:
< scenariusz >konsola. czas ( 'dla pętli' ) ;
Do ( tam jest = 0 ; A < 1000 ; A ++ ) {
}
konsola. koniec czasu ( 'dla pętli' ) ;
scenariusz >
W powyższym bloku kodu:
- Określić ' konsola.czas() „metoda posiadająca etykietę” dla pętli ” na początku zdefiniowanej pętli „for”.
- Po tym „ Do ” Inicjowana jest pętla, która wykona 1000 iteracji.
- Wreszcie „ console.timeEnd() ” jest zdefiniowana metoda, która zatrzymuje stoper i pokazuje całkowity czas działania pętli „for”.
Wyjście
Jak widać, konsola pokazuje całkowity czas wykonania pętli „for” w milisekundach (ms).
Przykład 2: Zastosowanie metody „console.timeEnd()” do porównania czasu wykonania pętli
Ten przykład wyjaśnia, w jaki sposób „ konsola.czas() Metoda ” może być używana do porównywania wielu operacji, tj. „pętli” czasu wykonania dla porównania.
Kod JavaScript
Przegląd następującego kodu JavaScript:
< scenariusz >konsola. czas ( „Pierwszy dla pętli” ) ;
Do ( był w = 0 ; I < 1000 ; I ++ ) {
}
konsola. koniec czasu ( „Pierwszy dla pętli” ) ;
konsola. czas ( „Druga pętla for” ) ;
Do ( tam jest = 0 ; A < 2000 ; A ++ ) {
}
konsola. koniec czasu ( „Druga pętla for” ) ;
scenariusz >
W powyższym kodzie:
- Najpierw określ „ konsola.czas() ” metoda uruchamiania licznika czasu dla pierwszego zainicjowanego „ Do ' pętla.
- W kolejnym kroku inicjowana jest pierwsza pętla „for”.
- Następnie dołącz „ console.timeEnd() ”, aby zatrzymać licznik czasu w celu uzyskania całkowitego czasu wykonania.
- Następnie metoda „console.time()” jest ponownie stosowana w drugiej pętli, a metoda „console.timeEnd()” również zatrzymuje stoper.
Wyjście
Podczas analizy konsola pokazuje całkowity czas działania obu zainicjowanych pętli „for”, porównując je w ten sposób.
Wniosek
JavaScript oferuje wbudowane „ konsola.czas() ”, która uruchamia timer i oblicza czas trwania określonej funkcjonalności kodu. Pomaga w porównywaniu czasu wykonania operacji oraz w celach testowych. Po uruchomieniu stopera zatrzymuje się za pomocą metody „console.timeEnd()”.
W tym przewodniku opisano działanie i użycie metody „console.time()” w JavaScript.