观察者模式

当对象间存在一对多关系时，则使用观察者模式（Observer Pattern）。比如，当一个对象被修改时，则会自动通知依赖它的对象。观察者模式属于行为型模式。

介绍

意图： 定义对象间的一种一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。

主要解决： 一个对象状态改变给其他对象通知的问题，而且要考虑到易用和低耦合，保证高度的协作。

何时使用： 一个对象（目标对象）的状态发生改变，所有的依赖对象（观察者对象）都将得到通知，进行广播通知。

如何解决： 使用面向对象技术，可以将这种依赖关系弱化。

关键代码： 在抽象类里有一个 ArrayList 存放观察者们。

应用实例： 1、拍卖的时候，拍卖师观察最高标价，然后通知给其他竞价者竞价。 2、西游记里面悟空请求菩萨降服红孩儿，菩萨洒了一地水招来一个老乌龟，这个乌龟就是观察者，他观察菩萨洒水这个动作。

优点： 1、观察者和被观察者是抽象耦合的。 2、建立一套触发机制。

缺点： 1、如果一个被观察者对象有很多的直接和间接的观察者的话，将所有的观察者都通知到会花费很多时间。 2、如果在观察者和观察目标之间有循环依赖的话，观察目标会触发它们之间进行循环调用，可能导致系统崩溃。 3、观察者模式没有相应的机制让观察者知道所观察的目标对象是怎么发生变化的，而仅仅只是知道观察目标发生了变化。

使用场景：

一个抽象模型有两个方面，其中一个方面依赖于另一个方面。将这些方面封装在独立的对象中使它们可以各自独立地改变和复用。
一个对象的改变将导致其他一个或多个对象也发生改变，而不知道具体有多少对象将发生改变，可以降低对象之间的耦合度。
一个对象必须通知其他对象，而并不知道这些对象是谁。
需要在系统中创建一个触发链，A对象的行为将影响B对象，B对象的行为将影响C对象……，可以使用观察者模式创建一种链式触发机制。

注意事项： 1、JAVA 中已经有了对观察者模式的支持类。 2、避免循环引用。 3、如果顺序执行，某一观察者错误会导致系统卡壳，一般采用异步方式。

实现(Java)

观察者模式使用三个类 Subject、Observer 和 Client。Subject 对象带有绑定观察者到 Client 对象和从 Client 对象解绑观察者的方法。我们创建 Subject 类、Observer 抽象类和扩展了抽象类 Observer 的实体类。

ObserverPatternDemo，我们的演示类使用 Subject 和实体类对象来演示观察者模式。

ES6 Class实现

'use strict';
// 声明一个被观察的对象
class Subject {
    constructor() {
        console.log('Subject Class created');
    }
    // 增加一个观察者
    attach(observer) {
        // 因为js的继承是基于原型链的，所可以不在父类声明 observers 属性，
        // 只要在子类声明，然后new一个子类就行了，这点和Java的类与继承是两个概念
        this.observers.push(observer);
        console.log('Subject.attach invoked');
    }
    // 移除一个观察者
    dettach(observer) {
        console.log('Subject.dettach invoked');
        for (var i in this.observers) {
            if (this.observers[i] === observer) {
                this.observers.splice(i, 1);
            }
        }
    }
    // 通知所有的观察者
    notify() {
        console.log('Subject.notify invoked');
        for (var i in this.observers) {
            // 把Subject传入update做一些业务逻辑的操作
            this.observers[i].update(this);
        }
    }
}
// 继承Subject并添加一些属性和方法
class ConcreteSubject extends Subject {
    constructor() {
        super();
        this.subjectState = null;
        this.observers = [];
        console.log('ConcreteSubject Class created');
    }

    getState() {
        console.log('ConcreteSubject.getState invoked');
        return this.subjectState;
    }
    // setData可以按照需要做一些拓展
    setState(state) {
        console.log('ConcreteSubject.setState invoked');
        this.subjectState = state;
        this.notify();
    }
}
// 声明一个观察者
class Observer {
    constructor() {
        console.log('Observer Class created');
    }

    update() {
        console.log('Observer.update invoked');
    }
}

class ConcreteObserver extends Observer {
    constructor() {
        super();
        // 定义一个实例属性接收getState()的数据，可以根据实际需求自行扩展
        this.observerState = '';
        console.log('ConcreteObserver Class created');
    }

    update(Subject) {
        console.log('ConcreteObserver.update invoked');
        this.observerState = Subject.getState();
        console.log('Observer new state: ' + this.observerState);
    }
}

var observer1 = new ConcreteObserver();
var observer2 = new ConcreteObserver();
var subject = new ConcreteSubject();
subject.attach(observer1);
subject.attach(observer2);
subject.setState('state 1');