.
Bài viết này giải thích hoạt động và cách sử dụng phương thức “console.time()” trong JavaScript.
Phương thức “console.time()” làm gì trong JavaScript?
Các ' console.time() ” theo dõi thời gian thực hiện của hoạt động hoặc chức năng. Nó bắt đầu bộ đếm thời gian tính toán thời lượng của hoạt động JavaScript được chỉ định và kết thúc bằng cách sử dụng “ console.timeEnd() ' phương pháp.
cú pháp
bảng điều khiển. thời gian ( nhãn )
“console.time()” hỗ trợ một tùy chọn “ nhãn ” đối số chỉ định tên thao tác. Nên sử dụng phương thức “console.time()” nhiều lần để dễ dàng xác định từng thao tác.
Mã HTML
Đi qua mã HTML sau:
< h2 > bảng điều khiển. thời gian ( ) Phương pháp trong JavaScript h2 >< P > Mở bảng điều khiển ( F12 ) để kiểm tra việc thực hiện Thời gian P >
Trong đoạn mã trên:
- Các ' ” thẻ tạo tiêu đề phụ hiển thị câu lệnh đã chỉ định.
- Các ' ” thẻ chỉ định một đoạn văn.
Ghi chú: Đoạn mã HTML trên sẽ được theo dõi trong suốt bài viết.
Ví dụ 1: Áp dụng Phương thức “console.time()” để Phân tích Thời gian Thực thi của Chức năng Mã (Vòng lặp (“for”)
Trong ví dụ này, “ console.time() ” được sử dụng để lấy thời gian thực hiện của “ vì ” vòng lặp trong JavaScript.
Mã JavaScript
Hãy xem xét các dòng mã được nêu dưới đây:
< kịch bản >bảng điều khiển. thời gian ( 'cho vòng lặp' ) ;
vì ( đây là một = 0 ; Một < 1000 ; Một ++ ) {
}
bảng điều khiển. Hêt giơ ( 'cho vòng lặp' ) ;
kịch bản >
Trong khối mã trên:
- Chỉ định la ' console.time() ” phương thức có nhãn “ cho vòng lặp ” khi bắt đầu vòng lặp “for” đã xác định.
- Sau đó một “ vì ” vòng lặp được khởi tạo sẽ lặp lại 1000 lần.
- Cuối cùng, “ console.timeEnd() ” được xác định để dừng bộ đếm thời gian và hiển thị tổng thời gian chạy của vòng lặp “for”.
đầu ra
Như đã thấy, bảng điều khiển hiển thị tổng thời gian thực hiện của vòng lặp “for” tính bằng mili giây (ms).
Ví dụ 2: Áp dụng Phương thức “console.timeEnd()” để so sánh thời gian thực hiện của các vòng lặp
Ví dụ này giải thích cách “ console.time() ” có thể được sử dụng để so sánh nhiều thao tác, tức là thời gian thực hiện “vòng lặp” để so sánh.
Mã JavaScript
Tổng quan về mã JavaScript sau:
< kịch bản >bảng điều khiển. thời gian ( 'Đầu tiên cho vòng lặp' ) ;
vì ( đã ở = 0 ; Tôi < 1000 ; Tôi ++ ) {
}
bảng điều khiển. Hêt giơ ( 'Đầu tiên cho vòng lặp' ) ;
bảng điều khiển. thời gian ( 'Vòng lặp for thứ hai' ) ;
vì ( đây là một = 0 ; Một < 2000 ; Một ++ ) {
}
bảng điều khiển. Hêt giơ ( 'Vòng lặp for thứ hai' ) ;
kịch bản >
Trong đoạn mã trên:
- Đầu tiên, chỉ định “ console.time() ” phương pháp khởi động bộ đếm thời gian cho lần khởi tạo đầu tiên “ vì ' vòng.
- Trong bước tiếp theo, vòng lặp “for” đầu tiên được khởi tạo.
- Sau đó, đính kèm “ console.timeEnd() ” để dừng bộ đếm thời gian để nhận tổng thời gian thực hiện.
- Tiếp theo, phương thức “console.time()” được áp dụng lại cho vòng lặp sau và phương thức “console.timeEnd()” cũng dừng bộ hẹn giờ.
đầu ra
Như đã phân tích, bảng điều khiển hiển thị tổng thời gian chạy của cả hai vòng lặp “for” đã khởi tạo, từ đó so sánh chúng.
Phần kết luận
JavaScript cung cấp tích hợp sẵn “ console.time() ” khởi động bộ đếm thời gian và tính toán thời lượng của chức năng mã được chỉ định. Nó giúp so sánh thời gian thực hiện của các hoạt động và cho mục đích thử nghiệm. Khi bộ hẹn giờ bắt đầu, nó sẽ dừng với sự trợ giúp của phương thức “console.timeEnd()”.
Hướng dẫn này mô tả hoạt động và cách sử dụng phương thức “console.time()” trong JavaScript.