Saat mengerjakan proyek sampingan hanya untuk bersenang-senang, saya ingin menulis skrip JavaScript untuk memanggil REST API dan akhirnya melakukan beberapa hal keren di halaman web. Ini murni JavaScript vanilla, tanpa kerangka kerja mewah atau bahkan pustaka yang digunakan.

Pertama, saya berpikir untuk menggunakan Janji untuk panggilan saya dan ini mudah bagi saya. Saya telah melakukan itu berkali-kali. Namun, itu kemudian memukul saya dengan keras — mengapa saya tidak menggunakan Observables? Saya tahu bahwa vanilla JavaScript tidak secara asli mendukung Observables. Tapi tidak bisakah saya menerapkannya sendiri? Dan itulah yang saya lakukan.

Beginilah cara saya memikirkan semuanya

1. Observable itu sendiri akan menjadi tipe objek baru yang disebut Subjek.
2. Objek Subjek ini harus mengekspos fungsi subscribeand next.
3. subscribe harus dipanggil oleh pengamat untuk berlangganan aliran data yang dapat diamati.
4. nextharus dipanggil oleh pemilik Subjek untuk mendorong/memublikasikan data baru kapan pun tersedia.
5. Selain itu, saya ingin pemilik Subjek dapat mengetahui kapan pun tidak ada pengamat yang tertarik dengan datanya. Ini akan memungkinkan pemilik Subjek untuk memutuskan apakah dia masih ingin mendapatkan data atau tidak.
6. Juga, pemilik Subjek harus dapat mengetahui kapan setidaknya satu pengamat mulai tertarik pada datanya. Ini akan memberi pemilik Subjek kontrol lebih besar pada aliran datanya dan operasi terkait apa pun.
7. Sekarang kembali ke pengamat . Dia harus dapat berhenti berlangganan dari Subyek setiap saat.
8. Ini membawa kita ke tipe objek baru yang disebut Berlangganan.
9. Objek Berlangganan ini harus mengekspos suatu unsubscribefungsi.
10. unsubscribeharus dipanggil oleh pengamat setiap kali dia ingin berhenti mendengarkan aliran data yang datang dari Subjek .

Penerapan

Berlangganan

Perhatikan bahwa Berlangganan hanya memberi tahu Subjek saat unsubscribefungsi dipanggil.

Subjek

Di suatu tempat di Pemilik Subjek

Di suatu tempat di Pengamat

Itu saja, semuanya bekerja seperti pesona dan saya bangga dengan apa yang saya capai.

Jadi, intinya adalah bahwa pengkodean dalam JavaScript vanilla tidak selalu sama dengan menulis kode yang membosankan, Anda dapat membuatnya jauh lebih menyenangkan. :)

Semoga Anda menemukan membaca cerita ini semenarik saya menemukan menulisnya.

Lebih banyak konten di plainenglish.io