实现一个发布-订阅模式

最新推荐文章于 2024-03-18 22:53:17 发布

卷帘依旧

最新推荐文章于 2024-03-18 22:53:17 发布

阅读量572

点赞数

分类专栏：学习笔记文章标签： javascript

本文链接：https://blog.csdn.net/weixin_43276913/article/details/108578208

版权

本文介绍了订阅/发布者模式，这是一种一对多的关系，允许多个观察者监听同一个主题对象。当主题状态变化时，会通过调度中心通知所有观察者。文章探讨了如何在JavaScript中实现这种模式。

摘要由CSDN通过智能技术生成

订阅/发布者模式
订阅发布模式：一对多的关系，让多个观察者同时监听某一个主题对象，这个主题对象的状态发生改变时就会通知所有观察者对象，中间通过一个调度中心来发布通知

function Dep(){
    this.subs = [];
}

Dep.prototype.addSub = function(sub){
    this.subs.push(sub);
}
Dep.prototype.notify = function(){
    this.subs.forEach(sub => sub.update())
}

function load1 (){}
load1.prototype.update = function(){
    console.log('load1')
}

function load2 (){}
load2.prototype.update = function(){
    console.log('load2')
}

var dep = new Dep();
var watcher1 = new load1()
var watcher2 = new load2()
dep.addSub(watcher1)
dep.addSub(watcher2)
dep.notify();

// https://www.cnblogs.com/suyuanli/p/9655699.html
class Event{
    constructor(){
        handlers = {};
    }

    on(type, handler){
        if (!(type in this.handlers)) {
            this.handlers[type] = [];
        }
        th