ด้านล่างนี้เป็นเคล็ดลับที่ฉันได้สรุปไว้สำหรับการอ้างอิงเท่านั้น
รหัสต่อไปนี้สามารถเห็นได้โดยทั่วไปในซอร์สโค้ดของ jQuery หากมีอะไรผิดปกติโปรดชี้ให้เห็น
ลองใช้วิธีการต้นฉบับ
JavaScript เป็นภาษาที่ตีความและช้ากว่าในการดำเนินการมากกว่าภาษาที่รวบรวม อย่าใช้วิธีการที่เบราว์เซอร์นำไปใช้อีกครั้ง นอกจากนี้วิธีการที่เบราว์เซอร์ได้ดำเนินการได้ทำการเพิ่มประสิทธิภาพจำนวนมากในแง่ของอัลกอริทึม
หลีกเลี่ยงการค้นหาทั่วโลก
ในฟังก์ชั่นการจัดเก็บวัตถุทั่วโลกใช้เป็นตัวแปรท้องถิ่นเพื่อลดการค้นหาทั่วโลกเนื่องจากการเข้าถึงตัวแปรท้องถิ่นนั้นเร็วกว่าการเข้าถึงตัวแปรทั่วโลก
ลดเวลารอบ
ด้วยการวนรอบน้อยลงคุณสามารถปรับปรุงประสิทธิภาพได้หลายครั้ง หากคุณต้องการดำเนินการหลายอย่างในแต่ละองค์ประกอบของอาร์เรย์ให้ใช้หนึ่งลูปหนึ่งการดำเนินการหลายรายการแทนที่จะเป็นลูปหลายลูปทำการดำเนินการหนึ่งครั้งต่อลูป โดยเฉพาะอย่างยิ่งเมื่อทำการจับคู่ปกติหลายครั้งรวมการแสดงออกปกติให้มากที่สุดและค้นหาการจับคู่ที่สอดคล้องกันในการสำรวจ
รอบ
สวิตช์
สาขา
การแยกเงื่อนไขที่จัดเรียงจากสูงถึงต่ำตามลำดับความเป็นไปได้: สามารถลดจำนวนครั้งที่ล่ามตรวจตรวจสภาพ
เมื่อสาขาที่มีเงื่อนไขเดียวกัน> 2 เงื่อนไขการใช้สวิตช์จะดีกว่าถ้า: สวิตช์การเลือกสาขามีประสิทธิภาพมากกว่าถ้าเป็นโดยเฉพาะอย่างยิ่งใน IE สำหรับการทดสอบ 4 สาขาเวลาดำเนินการของสวิตช์ภายใต้ IE ประมาณครึ่งหนึ่งของ IF
ใช้ตัวดำเนินการตรีโกณมิติแทนสาขาที่มีเงื่อนไข
ตัวจับเวลา
หากเป็นรหัสที่เรียกใช้คุณไม่ควรใช้ settimeout แต่ setInterval เนื่องจาก settimeout จะเริ่มต้นตัวจับเวลาทุกครั้งและ setInterval จะเริ่มต้นตัวจับเวลาที่จุดเริ่มต้นเท่านั้น
อีกวิธีในการสร้างวัตถุ - อย่าใช้ใหม่
ใช้ประเภทบูลีนเมื่อใดก็ตามที่เป็นไปได้เมื่อใช้เป็นตัวแปรที่ติดแท็ก
ใช้จริงและเท็จเป็นเครื่องหมายโดยตรงและอย่าใช้ 1 และ 0 ของตัวเลขหรือสตริงกับเครื่องหมาย
สรุปประสิทธิภาพการเพิ่มประสิทธิภาพรหัส JavaScript ด้านบน (แนะนำ) เป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น