设计模式 --观察者模式

一、什么是观察者模式

由图可知，观察者模式分为两个角色，一个观察者一个被观察者，他们之间存在着某种联系，被观察者和观察者都可以是任意事物，观察者模式只要观察者和被观察者满足一定的条件，就可以被称为观察者模式，观察者模式是站在被观察者的角度，每个符合观察者模式的被观察者是唯一的，但任意事物都可以充当被观察者，具体什么意思我们继续往下看：

二、观察者模式的作用

观察者模式主要解决一对多信息通信问题，那什么叫一对多，又什么是通信问题，由于是站在被观察者的角度，所以出现了一对多的情况，每个观察者模式下，被观察者是唯一的，而观察者可以为多个，而通信问题，就是被观察者和观察者之间的联系，接下来具体了解：

三、观察者模式的具体结构

3.1 为什么需要观察者模式（观察者模式具体解决什么问题）

在编码过程中，经常会遇到，当一个数据变化时，其他数据也需要发生变化的情况，在不使用框架的情况下，原生js很难解决这个问题，举个简单的例子：

当你动态生成一些元素的时候，而这元素存放在一个数组中，随时可能添加或删减，当你将这个数组的数据渲染到页面后，这个数组发生了变化，你怎么让页面跟随数组实时更新呢