我的理解：观察者模式又叫订阅／发布模式。被观察者（发布者）内部需要有一些东西来处理观察者（订阅者）的方法。
发布者对象paper 需要有以下这些成员：
1、subscribers：
一个数组
//存储每个事件类型下的订阅者。每个类型下订阅者是一个数组。
2、subscribe()：
将订阅者添加到subscribers数组
//订阅者订阅某个类型，传入对应的回调函数。
3、unsubscribe()：
从订阅者数组subscribers删除订阅者。
4、publish():
循环遍历subscribers中的每个元素，并且调用他们注册时所提供的方法。
5、visitSubscribers()
遍历操作订阅对象的方法。帮助方法。
如下：
发布者；
创造一个发布者；
发布者对象
订阅者对象
发布事件 和结果
观察者模式又叫发布订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个主题对象，这个主题对象的状态发生变化时就会通知所有的观察者对象，使得它们能够自动更新自己。
使用观察者模式的好处：
支持简单的广播通信，自动通知所有已经订阅过的对象。
页面载入后目标对象很容易与观察者存在一种动态关联，增加了灵活性。
目标对象与观察者之间的抽象耦合关系能够单独扩展以及重用。
vue的双向数据绑定大家应该很熟悉了，当一方的值发生改变时，另一方绑定的值也会随之变化，用起来是挺嗨的。
但是在原生中我们怎么使用这种机制呢？
最近有个需求是通过对接websocket获取后台服务器实时变化的值，推送给web端使用。
基于这个需求，我使用到了js中的设计模式-观察者模式。
那么，让我们来一起了解一下吧。
先来看看具体机制：
这里对象定义了四个属性，分别绑定四个函数。
1、订阅：订阅方通过传递回调函数，观察者模式把这个回调函数push到自身的订阅功能里，以此来得知谁订阅了，然后判断是否要推送。
2、退订：找到对应的回调函数，然后在自身的订阅功能里把当前函数删除掉
3、发布：循环所有的订阅方，当发布方进行发送的时候，把对应的数据推送给订阅方
4、发布订阅：定义一个对象，使其具备订阅并且发布的功能
流程是这样，说起来头头是道的，问题是怎么使用？
举个栗子：
我想定义一个对象，使其具备发布订阅功能，发布方数值改变的时候，订阅方得到平方值得变化
这里通过input框的change事件，模拟了数据的实时变更，然后把当前值进行发布，这边一发布，订阅方就能通过回调函数得到实时变化的值，然后得到值进行相应的操作。
效果：
这样就能简单实现数据变更推送功能了。
注：文件中引入的observer的js是最上面提到的观察者模式的那一套流程，tools的js大家可以不必在意，是我自己原生封装的$函数，用来获取dom元素的。
具体需求，大家还需要变通，稍作修改。
好了，以上就是js的观察者模式实现的双向数据绑定。
如有问题，请指出，接受批评。
