设计模式 | 观察者模式 & 发布者订阅者模式

观察者模式

	let publisher = {
		// 订阅者列表
		list:[],

		// 新增订阅者
		listen:function(user,type){
			if(!this.list[type]){
				this.list[type] = []
			}
			this.list[type].push(user)
		},

		// 通知某一主题的信息
		notify(type){
			this.list[type].forEach(user=>{
				user.receive(type)
			})
		}
	}
	
	class normalUser{
		constructor(){
			this.role = 'nromal'
		}

		receive(type){
			console.log(`receive ${type} news`)
		}

	}

	class vipUser{
		constructor(){
			this.role = 'vip'
		}

		receive(type){
			console.log(`receive ${type} news`)
		}
	}

	publisher.listen(new normalUser(),'sport')
	publisher.listen(new vipUser(),'sport')
	publisher.notify('sport')

发布者订阅者模式

	let subscriber = {
		list:[],
		listen:function(user,type){
			if(!this.list[type]){
				this.list[type] = []
			}
			this.list[type].push(user)
		},
		notify:function(type){
			this.list[type].forEach(user=>{
				user.receive(type)
			})
		}
	}

	// 发布者订阅者模式与观察者模式的区别在于双方不直接沟通
	// 有一个调度中心Subscriber来中中间商
	
	let publisher = {
		// 订阅者列表
		sub:subscriber,

		// 新增订阅者
		listen:function(user,type){
			this.sub.listen(user,type)
		},

		// 通知某一主题的信息
		notify:function(type){
			this.sub.notify(type);
		}
	}

	
	
	class normalUser{
		constructor(){
			this.role = 'nromal'
		}

		receive(type){
			console.log(`receive ${type} news`)
		}

	}

	class vipUser{
		constructor(){
			this.role = 'vip'
		}

		receive(type){
			console.log(`receive ${type} news`)
		}
	}

	publisher.listen(new normalUser(),'sport')
	publisher.listen(new vipUser(),'sport')
	publisher.notify('sport')