blog
blog copied to clipboard
javascript - 发布订阅模式
狗一样的设计模式
总是被发布订阅模式这么高大上的名字吓唬,,才发现,很简单的就实现了。其实浏览器的点击事件绑定同样是发布订阅模式。
on - 就是订阅的意思
将新的代码推入队列,依次进行订阅。
emit - 就是发布的意思
将订阅的代码队列先入后出顺序执行。
代码如下:
// 一个简单的事件订阅发布的实现,取代原始Event对象,提升IE下的兼容性
class LoadEvent {
constructor () {
this.listeners = {}
}
on (eventName, callback) {
this.listeners[eventName] === undefined ? this.listeners[eventName] = [] : ''
this.listeners[eventName].push(callback)
}
emit (eventName) {
this.listeners[eventName] && this.listeners[eventName].forEach(callback => callback())
}
}