บทความนี้วิเคราะห์เทคโนโลยีการมอบหมายงาน JavaScript ในตัวอย่าง แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
หากมีปุ่มจำนวนมากในหน้าโดยรวมเราต้องผูกตัวจัดการเหตุการณ์สำหรับแต่ละปุ่ม สิ่งนี้จะส่งผลต่อประสิทธิภาพ
ก่อนอื่นฟังก์ชั่นแต่ละอย่างเป็นวัตถุและวัตถุจะครอบครองหน่วยความจำจำนวนมาก ยิ่งมีวัตถุในหน่วยความจำมากเท่าไหร่ประสิทธิภาพก็ยิ่งแย่ลงเท่านั้น
ประการที่สองการเพิ่มจำนวนการเข้าชม DOM จะทำให้หน้าถูกโหลดล่าช้า ในความเป็นจริงยังคงมีวิธีแก้ปัญหาที่ดีในการใช้ประโยชน์จากตัวจัดการกิจกรรมได้ดี
คณะผู้แทนเหตุการณ์:
วิธีแก้ปัญหาของตัวจัดการเหตุการณ์มากเกินไปคือเทคโนโลยีการมอบหมายงาน
เทคโนโลยีผู้แทนเหตุการณ์ใช้ประโยชน์จากฟองสบู่ เพียงระบุตัวจัดการเหตุการณ์
เราสามารถผูกตัวจัดการเหตุการณ์สำหรับองค์ประกอบหลักที่ต้องการเรียกเหตุการณ์
<ul id = "mylist"> <li id = "li_1"> sdsdsd </li> <li id = "li_2"> sdsdsd </li> <li id = "li_3"> SDSDSD </li></ul>
ตอนนี้เราต้องการผูกตัวจัดการเหตุการณ์สำหรับ 3 lis ...
เพียงผูกมัดตัวจัดการเหตุการณ์ใน UL
obj.eventhandler ($ ("mylist"), "คลิก", ฟังก์ชั่น (e) {e = e || window.event; switch (e.target.id) {// ทุกคนควรจำเป้าหมายนั้นเป็นเป้าหมายของเหตุการณ์ // ตราบใดที่องค์ประกอบเป้าหมายของเหตุการณ์ถูกคลิก การแจ้งเตือน ("li_2");หากอยู่ในเว็บแอปพลิเคชันที่ซับซ้อนการมอบหมายงานประเภทนี้ใช้งานได้จริงมาก
หากวิธีนี้ไม่ได้นำมาใช้การผูกมัดทีละตัวจะเป็นตัวจัดการเหตุการณ์ที่ไม่มีที่สิ้นสุด
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน