设计模式——观察者模式

观察者模式

顾名思义，有观察者 被观察者， 这两是有关系的

被观察者状态改变时，触发观察者的 动作

// 被观察者
function Observer(){
    this.state = '默认状态';
    this.arr = [];// 用来存储所有的观察者
}
// 知道谁在 观察自己
Observer.prototype.attch = function(s){
    // 存储主动观察者
    this.arr.push(s);
}
// 被观察者状态
Observer.prototype.setState = function(newState){
    this.state = newState;
    // 只要状态改变就通知所有的观察者，孩子饿了就会朝着爸妈哭
    this.arr.forEach(s=>s.update(newState))
}

// 定义观察者
/**
* name: 观察者
* target: 被观察者
**/ 
function Subject(name,target){
    this.name = name;
    this.target = target;
}
// 得到状态后的反应
Subject.prototype.update = function(newState){
    console.log(this.name + '观察到状态' + newState);
}

let o = new Observer();
let s1 = new Subject('父亲',o);
let s2 = new Subject('母亲',o);
o.attch(s1);
o.attch(s2);
o.setState('饿了');