观察者模式:定义的对象是一对多的关系,当目标对象的状态改变的时候,所有依赖他的对象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)
还是多看别人代码,然后去理解
网友评论