บทความนี้อธิบายวิธีการทดสอบเวลาการทำงานของ JS แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<! doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <title> js ทดสอบลูปเวลาทำงาน </title> <script> var arr = []; var max = 10000000; // โหลด window.addeVentListener ("โหลด", ฟังก์ชัน () {settimeout (function () {// เริ่มต้น arr สำหรับ (var i = 0; i <max; i ++) {arr [i] = i+1;} // แสดง document.getelementbyid ("div1") "ไม่มี";}, 1); // 1) ใช้สำหรับฟังก์ชั่นลูป test1 () {var d1 = วันที่ใหม่ (); var sum = 0; สำหรับ (var i = 0; i <arr.length; i ++) {sum+= arr [i]} var d2 = วันที่ใหม่ (); var x = d2 - d1; console.log ("สำหรับผลการคำนวณ:" + sum + ", เวลา:" + x); } // 2) ใช้สำหรับ .. ในฟังก์ชั่นลูป test2 () {var d1 = วันที่ใหม่ (); var sum = 0; สำหรับ (var i ใน arr) {sum += arr [i]} var d2 = วันที่ใหม่ (); var x = d2 - d1; console.log ("สำหรับ .. ในผลการคำนวณ:" + sum + ", เวลา:" + x); } // 3) ฟังก์ชั่นลูป test3 () {var d1 = วันที่ใหม่ (); var sum = 0; arr.foreach (ฟังก์ชั่น (n) {sum += n;}) var d2 = วันที่ใหม่ (); var x = d2 - d1; console.log ("ผลการคำนวณ foreach:" + sum + ", เวลา:" + x); } </script> </head> <body> โปรดกด F12 เพื่อดูเอาต์พุตคอนโทรลเลอร์ <br/> <div id = "div1" style = "แสดง: ไม่มี;"> <อินพุตประเภท = "ปุ่ม" value = "ใช้สำหรับ loop" onClick = "test1 ();" /> <br /> <อินพุต type = "button" value = "ใช้สำหรับ .. ในลูป" onclick = "test2 ();" /> <br /> <input type = "button" value = "ใช้ foreach loop" onclick = "test3 ();" /> <br/> <br/> </div> <div id = "div2"> การเริ่มต้น ... </div> </body> </html>ภาพการทำซ้ำ:
สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปอัลกอริทึมและทักษะการสำรวจ JavaScript", "บทสรุปของการสลับเอฟเฟกต์พิเศษและทักษะการค้นหา JavaScript ของ JavaScript โครงสร้างและทักษะอัลกอริทึม "และ" สรุปการใช้งานทางคณิตศาสตร์ของ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน