Trong khi làm việc trên một dự án phụ chỉ để giải trí, tôi muốn viết một đoạn mã JavaScript để gọi một API REST và cuối cùng thực hiện một số nội dung thú vị trên một trang web. Nó hoàn toàn là JavaScript đơn giản, không có khuôn khổ ưa thích hoặc thậm chí là các thư viện được sử dụng.

Đầu tiên, tôi nghĩ đến việc sử dụng Promises cho các cuộc gọi của mình và điều này thật dễ dàng đối với tôi. Tôi đã làm điều đó rất nhiều lần. Tuy nhiên, sau đó nó ảnh hưởng nặng nề đến tôi - tại sao tôi không sử dụng Observables? Tôi biết rằng JavaScript gốc không hỗ trợ Observables. Nhưng tôi không thể tự mình thực hiện nó? Và đó là những gì tôi đã làm.

Đây là cách tôi nghĩ mọi thứ thông suốt

1. Bản thân Observable sẽ thuộc một loại đối tượng mới được gọi là Subject.
2. Đối tượng Chủ đề này sẽ hiển thị các chức năng subscribevà next.
3. subscribe nên được các nhà quan sát kêu gọi đăng ký vào dòng dữ liệu có thể quan sát được.
4. nextnên được chủ sở hữu Chủ đề gọi để đẩy / xuất bản dữ liệu mới bất cứ khi nào có sẵn.
5. Ngoài ra, tôi muốn chủ sở hữu Đối tượng có thể biết bất cứ khi nào không có người quan sát nào quan tâm đến dữ liệu của nó. Điều này sẽ cho phép các Chủ đề chủ sở hữu quyết định nếu anh vẫn muốn để có được các dữ liệu hay không.
6. Ngoài ra, các đề chủ sở hữu sẽ có thể biết bất cứ khi nào có ít nhất một người quan sát bắt đầu trở nên quan tâm đến dữ liệu của nó. Điều này sẽ cung cấp cho các đề chủ sở hữu kiểm soát nhiều hơn về dòng chảy dữ liệu của nó và bất kỳ hoạt động liên quan.
7. Bây giờ trở lại với người quan sát . Ông sẽ có thể bỏ đăng ký từ các Chủ đề bất cứ lúc nào.
8. Điều này dẫn chúng ta đến một loại đối tượng mới được gọi là Đăng ký.
9. Đối tượng Đăng ký này sẽ hiển thị một unsubscribechức năng.
10. unsubscribenên được gọi bởi người quan sát bất cứ khi nào anh ta muốn dừng nghe luồng dữ liệu đến từ Đối tượng .

Thực hiện

Đăng ký

Lưu ý rằng Đăng ký chỉ thông báo Chủ đề khi unsubscribechức năng được gọi.

Chủ thể

Ở đâu đó trong Chủ đề

Một nơi nào đó trong Observer

Vậy đó, mọi thứ diễn ra như một cái duyên và tôi tự hào về những gì mình đạt được.

Vì vậy, điểm mấu chốt là viết mã trong JavaScript vani không phải lúc nào cũng bằng viết mã nhàm chán, bạn có thể làm cho nó thú vị hơn nhiều. :)

Hy vọng bạn thấy việc đọc câu chuyện này cũng thú vị như tôi đã viết nó.

Nội dung khác tại plainenglish.io