3分钟快速理解——观察者模式

假设现在有这样一个场景：辅导员想下发一条放假通知，告诉同学们节假日放假安排。那么怎么能够最简单快速的通知到每一个同学呢？

这时候，我们一般会建一个班级通知群，所有同学都拉倒群里，当辅导员想发通知的时候，只需要将通知发送到群里，就能快速通知到每个同学了。这就是一个最简单的观察者模式。

在上面的例子中，发布消息的辅导员叫做“被观察者”，接收消息的同学们叫做“观察者”。完成发送通知这一事件，需要具备两点要求：

1.被观察者拥有所有观察者的完整数组；

2.事件发布时，遍历这个观察者数组，通知到每一个观察者。

下面用一段代码来实现上述例子：

场景：

 代码：

class Student{
    constructor(name){
        this.name=name
    }
    notice(msg){//接收消息的反馈函数
        console.log(`我：${this.name},收到了消息：${msg}`);
    }
}

class Teacher{
    constructor(){
        this.observer=[]//观察者数组
    }
    addObserver(ob){//将ob(观察者)加入到观察者数组
        this.observer.push(ob)
        return this
    }
    sendMsg(msg){//发送消息的函数
        this.observer.forEach(ele=>ele.notice(msg))//forEach遍历数组中每一个观察者
    }
}

let MissLiu = new Teacher();//实例化一名老师
let zhangsan = new Student("张三");//实例化学生张三、李四
let lisi = new Student("李四");
MissLiu.addObserver(zhangsan);//将张三、李四添加到观察者数组
MissLiu.addObserver(lisi)
MissLiu.sendMsg("明天放假！")//老师发布通知

输出查看结果：

 这样，用观察者模式来发布消息的动作就完成了！