Observables เป็นส่วนสำคัญของ KnockoutJS พวกเขาอนุญาตให้คุณสร้างคุณสมบัติที่เปลี่ยนแปลงได้และผูกคุณสมบัติเหล่านั้นกับองค์ประกอบ UI ของคุณ สิ่งนี้ทำให้คุณสามารถสร้างแอปพลิเคชันที่ตอบสนองต่อการเปลี่ยนแปลงข้อมูลได้อย่างรวดเร็วและมีประสิทธิภาพ
ในการสร้าง Observable ใน KnockoutJS คุณสามารถเรียกใช้ฟังก์ชัน ko.observable()
บนตัวแปรใดก็ได้ ตัวอย่างเช่น:
1 | var myObservable = ko.observable("Hello, world!"); |
สิ่งนี้จะสร้างตัวแปรใหม่ชื่อ myObservable
ซึ่งมีค่าเริ่มต้นเป็น “Hello, world!”
คุณสามารถเปลี่ยนค่าของ Observable โดยใช้ฟังก์ชัน set()
:
1 | myObservable.set("Goodbye, world!"); |
สิ่งนี้จะเปลี่ยนค่าของ myObservable
เป็น “Goodbye, world!”
คุณสามารถสมัครรับการแจ้งเตือนเมื่อมีการเปลี่ยนแปลง Observable โดยใช้ฟังก์ชัน subscribe()
:
1 | myObservable.subscribe(function(newValue) { |
ฟังก์ชัน subscribe()
จะรับฟังก์ชันหนึ่งฟังก์ชันเป็นอาร์กิวเมนต์ ฟังก์ชันนี้จะถูกเรียกทุกครั้งที่มีการเปลี่ยนแปลง myObservable
คุณสามารถใช้ Observables เพื่อผูกคุณสมบัติกับองค์ประกอบ UI ของคุณโดยใช้การผูกแบบ declarative ตัวอย่างเช่น:
1 | <input type="text" data-bind="value: myObservable"/> |
สิ่งนี้จะผูกค่าของ myObservable
กับค่าของอินพุตข้อความ
เมื่อ myObservable
เปลี่ยนแปลง ค่าของอินพุตข้อความจะเปลี่ยนแปลงตาม
Observables เป็นเครื่องมือที่ทรงพลังที่สามารถช่วยให้คุณสร้างแอปพลิเคชัน KnockoutJS ที่ตอบสนองและใช้งานง่าย