เขียน jQuery ยังไงให้เป็นระเบียนดี

An article by บริษัท เก้ายอดสตูดิโอ จำกัด    No Comments

ไม่ได้เขียนบทความใน Blog นานแล้ว งานเยอะพอสมควรเลย วันนี้ว่างๆ มานั่งเล่นนั่งทำงาน
ที่ร้านกาแฟ Bug & Bee บรรยากาศก็ดีนะ สบายๆ ร้านนี้มีหลายสาขาแต่วันนี้ที่มานั่งก็ที่สาขา สีลม ครับ

วันนี้ผมจะมาเสนอวิธีการเขียน jQuery แบบที่จะทำให้เวลากลับมาแก้ code นั้นสบายตาไม่ต้องมานั่งปวดหัวเวลาไล่ code
นานๆ จริงๆแล้วน่าจะเรียกว่า style การเขียนของแต่ละคนมากกว่า

การเขียน jQuery ส่วนมากผมจะนำมาใช้ในเรื่องพวกการดัก Event ต่างๆที่เกิดขึ้นเช่น onClick, onMouseOver เป็นต้น
มาดู Style ผมกันบ้างครับเผื่อจะเป็นประโยชน์สำหรับเพื่อนๆกันบ้าง

ตัวอย่างการแยก Function ออกจาก Event เพื่อให้ง่ายต่อการแก้ไขภายหลัง
โดยปกติ เวลาเขียน jQuery นั้นจะเป็นการเขียน function ใว้ภายใน Event นั้นๆหรือที่เรียกว่าการ Handle

เช่น

     $('#myButton').click( function(){
              alert('Clicked');
     } );

ในการเขียนของผมนั้นจะแยก Event ต่างๆออกจาก Function ครับเพื่อให้ง่ายต่อการแก้ไข

//Event
$('#myButton').click( clickHandle );

//Function
function clickHandle()
{
     alert(' Clicked ');
}

ประโยชน์ของการเขียนแบบนี้ก็คือ เวลาเรามี Event หลายๆตัวเวลากลับมาแก้ไขนั้นจะทำให้เราแก้ไข code
ใช้เวลาที่วสั้นลง (เอาจากที่ผมทำงานมานะครับ) ใครชอบ style นี้ก็ลองเอาไปใช้กันดูครับ