什么是 obvi
obvi 是针对于前端使用的观察者模式库，它是一款使用简便、高效的 npm 包，方便开发者在程序中使用观察者模式来构建更加优秀的程序。
安装
在使用 obvi 之前，需要先安装依赖的 npm 包，在命令行中输入以下命令：
npm install obvi
快速开始
实例化 obvi
在使用 obvi 前，需要先实例化一个 obvi 对象：
const obvi = new Obvi();
注册观察者
在 obvi 对象实例化之后，我们需要注册我们要观察的对象，之后我们就可以对这个对象进行观察了，注册观察者的方式如下：
obvi.register(obj);
观察对象的属性
在注册了对象之后，我们可以进行属性的观察，例如我们要观察对象 obj 的某个属性 prop 是否发生变化，可以使用如下方式：
obvi.watch(obj, 'prop', (oldVal, newVal) => {
console.log(`属性 prop 的值已经从 ${oldVal} 变为了 ${newVal}`);
});发送消息
在有的情况下，我们需要发送消息来更新对象的某些属性，这时我们可以使用 obvi 的 sendMessage 方法，如下所示：
obvi.sendMessage(obj, {
prop: '新的属性值'
});取消观察者
在一定的情况下，我们需要取消对某个观察对象的观察，这时我们可以使用 unregister 方法进行操作，如下所示：
obvi.unregister(obj);
示例代码
-- -------------------- ---- ------- ------ ---- ---- ------- ----- ---- - --- ------- ----- ---- - - ----- ---------- ---- -- -- -------------------- ---------------- ------- -------- ------- -- - ------------------ --------- --- ------------ --- ---------------- ------ -------- ------- -- - ------------------ --------- --- ------------ --- ---------------------- - ----- ----------- ---- -- --- ----------------------
总结
通过本篇文章的介绍，我们可以了解如何使用 obvi 进行观察者模式的编程，其使用简单、高效，能够帮助我们在程序中更加灵活地进行观察者模式的编程。希望能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9e3d1de16d83a670af