js观察者模式与订阅发布模式讲解vs 实例demo

观察者模式：定义的对象是一对多的关系，当目标对象的状态改变的时候，所有依赖他的对象observer都会得到通知
例如div 的点击click事件，当点击的时候，就会执行匿名函数，做出相应的行为。

发布者就是被观察者的subject div的状态click有没有被点击，，observer 观察者，订阅者，click()=function(){} 函数中的所有的操作行为，目标事件不是直接通知观察者，而是通过事件中心派发通知。
//发布订阅模式

let loginBtn=document.getElementById('#loginBtn')
//监听回调函数（指定事件）
function notifyClick(){
  console.log('我被点击了')
 }
//添加事件监听
loginBtn.addEventListenter('click',notifyClick);
//触发点击，事件中心派发指定事件
loginBtn.click()
//取消事件监听
loginBtn.removeEventListener('click',notifyClick)

还是多看别人代码，然后去理解