观察者模式定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知。摘要：在观察者模式中，发生改变的对象称为观察目标，而被通知的对象称为观察者。一个观察目标可以对应多个观察者，而且这些观察者之间可以没有任何相互联系，可以根据需要增加和删除观察者，使得系统更易于扩展。
在观察者模式中，发生改变的对象称为观察目标，而被通知的对象称为观察者。一个观察目标可以对应多个观察者，而且这些观察者之间可以没有任何相互联系，可以根据需要增加和删除观察者，使得系统更易于扩展。
观察者模式结构
观察目标：它是被观察的对象，观察目标中定义了一个观察者集合，一个观察目标可以被任意数量个观察者观察。观察目标实现一个notify方法，当它的状态发生改变时，向其各个观察者发出通知。观察者：在观察者中维护一个指向目标对象的引用，它存储观察者的有关状态，这些状态需要和目标的状态保持一致。观察者实现一个update方法。了解了观察者模式的结构之后，我们可以用一个例子直观地感受一下。
例子 ：粉丝追星小明是一名粉丝，他最喜欢的明星是小红，当小红有新的节目播放或者歌曲发售，小明都会去观看。
class Star{ constructor(name){ this.name = name; this.State = {}; this.observers = ; } // 获取目标的状态 getState{ return this.state; } // 设置目标的状态 setState(state){ this.state = state; this.notifyObservers; } // 添加观察者 addObservers(obs){ this.observers.push(obs); } // 通知观察者 notifyObservers{ if(this.observers.length > 0){ this.observers.forEach(observer => observer.update); } }}class Fan{ constructor(name,star){ this.name = name; this.star = star; this.star.addObservers(this); } update{ const state = this.star.getState; console.log(`我的明星的节目${state.tv}开播了，我要去看`); }}let star = new Star('小红');star.setState({ tv:'xxxx'})let f1 = new Fan('小明',star);优点观察者模式可以实现表示层和数据逻辑层的分离。它定义了稳定的消息更新传递机制，由于每个观察者都能自定义实现接收通知的逻辑，使得可以有各种各样不同的表示层充当观察者角色。观察者模式在观察目标和观察者之间建立一个抽象的耦合。观察目标只需要维持一个观察者的集合，无须了解其具体观察者。由于观察目标和观察者没有紧密地耦合在一起，因此它们可以属于不同的抽象化层次。观察者模式支持广播通信。观察目标会向所有已注册的观察者对象发送通知，简化了一对多系统设计的难度。观察者模式满足开闭原则的要求，增加新的具体观察者无须修改原有系统代码。在具体观察者与观察目标之间不存在关联关系的情况下，增加新的观察目标也很方便。缺点如果一个观察目标对象有很多直接和间接观察者，将所有的观察者都通知到会花费很多时间。如果在观察者和观察目标之间存在循环依赖，观察目标会触发它们之间进行循环调用，可能导致系统崩溃。观察者模式没有相应的机制让观察者知道所观察的目标对象是怎么发生变化的，而仅仅只是知道观察目标发生了变化。适用场景一个抽象模型有两个方面，其中一个方面依赖于另一个方面，将这两个方面封装在独立的对象中使它们可以各自独立地改变和复用。一个对象的改变将导致一个或多个其他对象也发生改变，而并不知道具体有多少对象将发生改变，也不知道这些对象是谁。需要在系统中创建一个触发链，A对象的行为将影响B对象，B对象的行为将影响C对象……可以使用观察者模式创建一种链式触发机制。来源：酒店设计与分享
免责声明：本站系转载，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与本站联系，我们将在第一时间删除内容!