หากเขียนโค้ด JavaScript ต่อไปนี้ และมีหลายคำสั่งที่มีผลต่อ DOM ควรใช้กลยุทธ์ใดเพื่อเพิ่มประสิทธิภาพ
กใช้ Event Delegation และเก็บ Reference ไว้ใช้ซ้ำ
ขใช้ document.querySelector ทีละหน้าแต่ละครั้ง
คใช้ innerHTML เพื่ออัปเดต HTML โดยตรง
งใช้ setTimeout เพื่อหน่วงเวลาการอัปเดต
เฉลยอธิบาย
การใช้ Event Delegation ลดจำนวนของ Event Listener ที่ต้องแนบ และการเก็บ Reference ขององค์ประกอบที่ใช้บ่อยลดเวลาในการค้นหา DOM ตัวเลือก ก ผิดเพราะการค้นหา DOM บ่อยจะช้า ตัวเลือก ค ผิดเพราะการใช้ innerHTML อาจทำให้ event listener หายไป ตัวเลือก ง ผิดเพราะการใช้ setTimeout ไม่ได้ช่วยเพิ่มประสิทธิภาพ