Underscore.js - Extend Underscore using _mixin

สำหรับภาษา JavaScript การประกาศ Variable และ Function ไว้ลอยๆ จะทำให้เกิดปัญหา Global Pollution สำหรับเทคนิคการเพิ่ม function ไว้ใช้งาน โดยหลีกเลี่ยงการเกิดปัญหา Global Pollution มีอยู่หลายวิธี ไม่ว่าจะเป็นการสร้าง Namespace ขึ้นมา แล้วประกาศ function เอาไว้ใน Namespace แทน (หากยังไม่เข้าใจเรื่องการใช้งาน Namespace ก็สามารถอ่านได้ที่บทความนี้ครับ JavaScript Make It Better - prevent global pollution using namespace)  สำหรับวันนี้ เทคนิคที่ผมอยากมาแนะนำ เป็นเทคนิคการเพิ่ม function ไว้ใช้งานโดยใช้ underscore.js

unserscore.js มี method ที่ชื่อว่า _mixin ไว้สำหรับในกรณีที่เราต้องการเพิ่ม function ใหม่ๆเข้าไป โดย function ที่เพิ่มเข้าไปจะอยู่ภายใต้ Namespace ของ underscore เอง สำหรับในตัวอย่างที่จะนำเสนอต่อไปนี้ ผมจะทดลองเพิ่ม function ชื่อว่า log เพื่อใช้แสดง log ออกทาง console สำหรับวิธีเพิ่ม function โดยใช้ _mixin สามารถทำได้ดังนี้ครับ

จากนั้น เวลาเรียกใช้งาน เราก็จะสามารถเรียกใช้งานได้ดังต่อไปนี้ครับ

เพียงเท่านี้ เราก็ได้ function ใหม่ไว้ใช้งานใน underscore.js โดยไม่เกิดปัญหา Global Pollution ครับ

แหล่งที่มา: http://underscorejs.org