การใช้ Observables ใน KnockoutJS

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
2
3
myObservable.subscribe(function(newValue) {
// Do something when `myObservable` changes
});

ฟังก์ชัน subscribe() จะรับฟังก์ชันหนึ่งฟังก์ชันเป็นอาร์กิวเมนต์ ฟังก์ชันนี้จะถูกเรียกทุกครั้งที่มีการเปลี่ยนแปลง myObservable

คุณสามารถใช้ Observables เพื่อผูกคุณสมบัติกับองค์ประกอบ UI ของคุณโดยใช้การผูกแบบ declarative ตัวอย่างเช่น:

1
<input type="text" data-bind="value: myObservable"/>

สิ่งนี้จะผูกค่าของ myObservable กับค่าของอินพุตข้อความ

เมื่อ myObservable เปลี่ยนแปลง ค่าของอินพุตข้อความจะเปลี่ยนแปลงตาม

Observables เป็นเครื่องมือที่ทรงพลังที่สามารถช่วยให้คุณสร้างแอปพลิเคชัน KnockoutJS ที่ตอบสนองและใช้งานง่าย