使用Observed：观察并响应JavaScript对象的改变

使用Observed：观察并响应JavaScript对象的改变

请注意：这个项目已废弃（2016年4月22日），因为V8引擎已经移除了Object.observe功能。

但是，让我们回顾一下当年该技术的辉煌。Observed是一个基于ECMAScript 6的Object.observe扩展库，它使我们能观察一个普通的JavaScript对象，并在其发生改变时作出反应。以下是你需要知道的一切：

项目介绍

Observed是为了解决一个问题而诞生的：在JavaScript中，当你修改一个对象的属性或嵌套对象时，如何实时追踪这些变化？借助Object.observe标准，我们可以监听到对对象所做的任何更改。然而，这个API并未处理嵌套对象的情况——这就是Observed发挥作用的地方。

项目技术分析

Observed返回一个事件发射器，你可以为其注册监听器来接收对象变更的通知。提供了五种类型的事件，与Object.observe保持一致：

• add：新增属性
• update：属性更新
• delete：属性删除
• reconfigure：对象结构配置更改
• change：以上任何事件的发生

除此之外，Observed还增加了额外的信息，如完整的路径信息，这使得跟踪嵌套对象的变化变得非常容易。此外，还有stop()方法停止监听和deliverChanges()方法立即触发未发出的变更事件。

项目及技术应用场景

• 实时同步：比如通过Primus这样的实时通信框架将对象的改变实时传递给浏览器。
• 分布式数据同步：使用像Axon这样的发布订阅库，在多个服务器间传播对象变化。
• 批量存储：收集一段时间内的所有更改，然后一次性地保存到数据库。

项目特点

1. 对象跟踪：无需手动设置getters和setters，利用Object.observe实现强大的对象跟踪。
2. 无侵入性：你的原始对象不会被改动，可以继续作为普通JavaScript对象使用。
3. 事件驱动：提供一系列事件，包括add、update、delete等，方便你进行相应的操作。

注意事项

由于Object.observe已被弃用，因此在现代环境下，可能无法直接使用Observed。不过，如果你仍然对实验性的JavaScript特性感兴趣，或者在一些特定场景下需要这样的功能，那么查阅此项目的源码和历史可能会有所帮助。

虽然Observed项目不再维护，但它的理念和模式仍值得借鉴。对于想要探索对象变更监听可能性的开发者来说，这是一个很好的学习起点。