简介
observable.js 是一个轻量级的 JavaScript 订阅、观察和反应库。它具有简单、灵活、高效的特性，方便前端开发者进行数据驱动的开发。
安装
可以通过 npm 安装:
npm install observable
也可以通过 CDN 直接引入：
<script src="https://cdn.jsdelivr.net/npm/observable/dist/observable.min.js"></script>
使用
创建 Observable 对象
Observable 对象是一个可被订阅的对象，当 Observable 对象数据发生改变时，会通知所有订阅了该对象的 Observers 。
import { Observable } from "observable";
let myObservable = new Observable();订阅 Observable 对象
订阅 Observable 对象可以通过 subscribe() 方法实现。subscribe() 方法接受一个参数，即 Observer 对象。Observer 对象包含 next() 方法，用于处理 Observable 对象 emit 的数据。
let myObserver = {
next: (value) => console.log(value)
};
myObservable.subscribe(myObserver);Emit 数据
当 Observable 对象发生改变时，可以通过 next() 方法 emit 数据。emit 的数据将被发送给所有订阅了该 Observable 对象的 Observers。
myObservable.next("Hello Observable!");退订 Observable 对象
通过 unsubscribe() 方法可以退订 Observable 对象。退订后，需要手动再次订阅才能收到 Observable 对象 emit 的数据。
myObserver.unsubscribe();
示例代码
下面是一个简单的示例代码，演示如何使用 observable.js 实现一个简单的计数器：
-- -------------------- ---- -------
------
-- ----------------
------- ---------------------------------
------- ---------------------------------
------- ------------------------------------------------------------------------------
--------
----- ----- - ---------------------------------
----- --------- - -------------------------------------
----- --------- - -------------------------------------
----- ------------ - --- -------------
--- ------- - --
----- ---------- - -
----- ------- -- ---------------- - -------
--
-----------------------------------
----------------------------------- -- -- -
-----------------------------
---
----------------------------------- -- -- -
-----------------------------
---
---------
-------总结
observable.js 是一个轻量级的 JavaScript 订阅、观察和反应库，方便前端开发者进行数据驱动的开发。本文介绍了 observable.js 的基本用法，包括创建 Observable 对象、订阅 Observable 对象、Emit 数据和退订 Observable 对象，并提供了一个简单的计数器示例代码。希望本文对你理解和使用 observable.js 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9d3d1de16d83a6701c