发布者订阅模式
/*
分析
有一个对象，一旦有变化则通知订阅者
实例：买东西
如果去买东西没货，给店员留下有货联系方式，当货物到了，商家按照订阅者要求进行通知
属性：消息队列 {
click:[fn1,fn2],
trigger:[fn1,fn2,fn3]
}
*/
class Observer {
constructor() {
this.message = {};
}
/* 添加内容 */
on(type, fn) {
//判断是否存在
if(!this.message[type])
{
this.message[type]=[];
}
this.message[type].push(fn);
}
/* 删除内容 取消订阅 */
off(type, fn) {
//如果fn不存在
if(!fn)
{
delete this.message[type];
return
}
//如果类型不存在
if(!this.message[type])
return;
//重新赋值
this.message[type]=this.message[type].filter(item=>item!=fn);
}
/* 触发内容 */
trigger(type) {
if(this.message[type])
{
this.message[type].forEach(item => {
item();
});
}
}
}
const person1=new Observer();
person1.on('三国演义',handlerA)
person1.on('三国演义',handlerB)
person1.on('水浒传',handlerC)
person1.on('水浒传',handlerD)
// person1.off('三国演义');
person1.off('三国演义',handlerA)
person1.trigger('三国演义');
console.log(person1);
function handlerA(){
console.log('邮箱通知我--A');
}
function handlerB(){
console.log('短信通知我--B');
}
function handlerC(){
console.log('打电话告诉我--C');
}
function handlerD(){
console.log('微信告诉我--D');
}
