การเพิ่มประสิทธิภาพ js

ผู้เขียน：Eve Cole เวลาอัปเดต：2010-06-18 17:14:36

นี่คือประสบการณ์บางส่วนของฉันในการเขียนโค้ด ฉันสรุปแล้วแชร์กับคุณ ไม่มีคำสั่งใดเลย

1. ใช้ตัวแปรท้องถิ่นเพื่อหลีกเลี่ยงการใช้ตัวแปรร่วม
ตัวอย่างเช่น

เปลี่ยนเป็น

ข้อดีของตัวแปรโลคัลคือลดการค้นหาห่วงโซ่ขอบเขต ฉันแนะนำให้ใช้ตัวแปรโลคัลหากมีการอ้างอิงสองตัว

2. หลีกเลี่ยงการใช้กับ (ฉันเดาว่าทุกคนในโลกนี้คงรู้เรื่องนี้)

ฉันเข้าใจว่าเหตุผลก็คือด้วย will สร้างขอบเขตของตัวเอง ซึ่งทำให้ห่วงโซ่ขอบเขตเดิมยาวขึ้น ทำให้โค้ดที่ดำเนินการในบล็อกช้าลง ดูเหมือนว่าจะบันทึกโค้ดเป็นลายลักษณ์อักษร แต่จริงๆ แล้ว การเข้าถึงจะยาวนานขึ้น ยุ่งยากและประสิทธิภาพลดลง ตัวอย่าง
ใช้กับ

จริงๆ แล้วเขียนได้เป็น

3. วิธีสำรวจรายการโหนด

วิธีการทั่วไปก็คือ

(หมายเหตุ: เมธอดนี้สามารถใช้ใน nodelist ได้ แต่หากใช้ในอาเรย์ก็จะเกิดปัญหาขึ้น หากมี 0 หรือ null ในอาเรย์ก็จะมองไม่เห็น)

var as = document.getElementsByTagName('div');
for(var i=0,l<as.length;i<l;i++){//คำนวณความยาวเพียงครั้งเดียว}
ไม่ใช่ทางของฉันสักครั้ง
for(var i=0,ci;ci=as[i++];){}เมื่อ nodeList เสร็จสมบูรณ์ มันจะเป็นเท็จและจะสิ้นสุด
ข้อดีคือไม่ต้องคำนวณความยาว ไม่ต้องกำหนดค่าในลูป โค้ดยังน้อยกว่าอีกด้วย และใช้ i++ ในการตัดสิน

ทดสอบฟังก์ชัน(){
var ds = document.body;
ds.clientHeight = '200px';
ds.clientWidth = '200px'
-

ทดสอบฟังก์ชัน(){
ด้วย (document.body){
ลูกค้าความสูง = '200px';
ความกว้างของไคลเอ็นต์ = '200px'
-
-

ทดสอบฟังก์ชัน(){
var d = เอกสาร;
s = d.getElementById('aaa');
s.innerHTML = d.body.clientHeight;
-

ทดสอบฟังก์ชัน(){
var s = document.getElementById('aaa');
s.innerHTML = document.body.clientHeight;
-