.
Αυτή η εγγραφή εξηγεί τη λειτουργία και τη χρήση της μεθόδου 'console.time()' σε JavaScript.
Τι κάνει η μέθοδος 'console.time()' στο JavaScript;
Ο ' console.time() Η μέθοδος ' παρακολουθεί το χρόνο εκτέλεσης της λειτουργίας ή της συνάρτησης. Ξεκινά το χρονόμετρο που υπολογίζει τη διάρκεια της καθορισμένης λειτουργίας JavaScript και καταλήγει χρησιμοποιώντας το ' console.timeEnd() 'μέθοδος.
Σύνταξη
κονσόλα. χρόνος ( επιγραφή )
Το 'console.time()' υποστηρίζει ένα προαιρετικό ' επιγραφή ' όρισμα που καθορίζει το όνομα της λειτουργίας. Συνιστάται σε πολλαπλές εμφανίσεις της μεθόδου “console.time()” για την εύκολη αναγνώριση κάθε λειτουργίας.
Κώδικας HTML
Μεταβείτε στον ακόλουθο κώδικα HTML:
< h2 > κονσόλα. χρόνος ( ) Μέθοδος σε JavaScript h2 >< Π > Ανοίξτε την Κονσόλα ( F12 ) για να ελέγξετε την εκτέλεση χρόνος Π >
Στο παραπάνω απόσπασμα κώδικα:
- Ο ' Η ετικέτα ' δημιουργεί μια υποκεφαλίδα που εμφανίζει την καθορισμένη δήλωση.
- Ο ' Η ετικέτα προσδιορίζει μια παράγραφο.
Σημείωση: Ο παραπάνω κώδικας HTML θα ακολουθηθεί σε όλο το άρθρο.
Παράδειγμα 1: Εφαρμογή της μεθόδου 'console.time()' για την ανάλυση του χρόνου εκτέλεσης μιας λειτουργικότητας κώδικα (βρόχος 'for')
Σε αυτό το παράδειγμα, το « console.time() Η μέθοδος ' χρησιμοποιείται για να ληφθεί ο χρόνος εκτέλεσης του καθορισμένου ' Για ' βρόχος στο JavaScript.
Κώδικας JavaScript
Εξετάστε τις παρακάτω γραμμές κώδικα:
< γραφή >κονσόλα. χρόνος ( 'για βρόχο' ) ;
Για ( υπάρχει ένα = 0 ; ένα < 1000 ; ένα ++ ) {
}
κονσόλα. χρόνος Τέλος ( 'για βρόχο' ) ;
γραφή >
Στο παραπάνω μπλοκ κώδικα:
- Καθορίστε το ' console.time() 'μέθοδος με ετικέτα' για βρόχο ' στην αρχή του καθορισμένου βρόχου 'για'.
- Μετά από αυτό ένα « Για Αρχικοποιείται ο βρόχος που θα επαναληφθεί 1000 φορές.
- Τέλος, το « console.timeEnd() » ορίζεται η μέθοδος που σταματά το χρονόμετρο και δείχνει τον συνολικό χρόνο εκτέλεσης του βρόχου «για».
Παραγωγή
Όπως φαίνεται, η κονσόλα δείχνει τον συνολικό χρόνο εκτέλεσης του βρόχου 'for' σε χιλιοστά του δευτερολέπτου (ms).
Παράδειγμα 2: Εφαρμογή της μεθόδου 'console.timeEnd()' για σύγκριση του χρόνου εκτέλεσης των βρόχων
Αυτό το παράδειγμα εξηγεί πώς το ' console.time() Η μέθοδος μπορεί να χρησιμοποιηθεί για τη σύγκριση πολλαπλών λειτουργιών, π.χ. χρόνου εκτέλεσης «βρόχων» για σύγκριση.
Κώδικας JavaScript
Επισκόπηση του ακόλουθου κώδικα JavaScript:
< γραφή >κονσόλα. χρόνος ( 'First for loop' ) ;
Για ( ήμουν μέσα = 0 ; Εγώ < 1000 ; Εγώ ++ ) {
}
κονσόλα. χρόνος Τέλος ( 'First for loop' ) ;
κονσόλα. χρόνος ( 'Δεύτερη για βρόχο' ) ;
Για ( υπάρχει ένα = 0 ; ένα < 2000 ; ένα ++ ) {
}
κονσόλα. χρόνος Τέλος ( 'Δεύτερη για βρόχο' ) ;
γραφή >
Στον παραπάνω κώδικα:
- Πρώτα, καθορίστε το ' console.time() ' μέθοδος εκκίνησης του χρονοδιακόπτη για το πρώτο αρχικοποιημένο ' Για ' βρόχος.
- Στο επόμενο βήμα, αρχικοποιείται ο πρώτος βρόχος «για».
- Μετά από αυτό, επισυνάψτε το ' console.timeEnd() ” μέθοδος διακοπής του χρονοδιακόπτη για λήψη του συνολικού χρόνου εκτέλεσης.
- Στη συνέχεια, η μέθοδος 'console.time()' εφαρμόζεται ξανά για τον τελευταίο βρόχο και η μέθοδος 'console.timeEnd()' σταματά επίσης το χρονόμετρο.
Παραγωγή
Όπως αναλύθηκε, η κονσόλα δείχνει τον συνολικό χρόνο εκτέλεσης και των δύο αρχικοποιημένων βρόχων «για», συγκρίνοντάς τους έτσι.
συμπέρασμα
Η JavaScript προσφέρει το ενσωματωμένο ' console.time() ' μέθοδος που ξεκινά το χρονόμετρο και υπολογίζει τη διάρκεια της καθορισμένης λειτουργικότητας κώδικα. Βοηθά στη σύγκριση του χρόνου εκτέλεσης των λειτουργιών και για σκοπούς δοκιμής. Μόλις ξεκινήσει το χρονόμετρο, σταματά με τη βοήθεια της μεθόδου 'console.timeEnd()'.
Αυτός ο οδηγός περιγράφει τη λειτουργία και τη χρήση της μεθόδου 'console.time()' σε JavaScript.