欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript简单实现发布订阅模式(代码教程)

程序员文章站 2022-07-23 09:57:36
发布订阅模式主要涉及三个对象:发布者、订阅者、主题对象。 function Dep(){ //主题对象 this.subs = []; //订阅者列表 } De...

发布订阅模式主要涉及三个对象:发布者、订阅者、主题对象。

function Dep(){ //主题对象
  this.subs = []; //订阅者列表
}

Dep.prototype.notify = function(){ //主题对象通知订阅者
  this.subs.forEach(function(sub){ //遍历所有的订阅者,执行订阅者提供的更新方法
    sub.update();
  })
}

function Sub(x){ //订阅者
  this.x = x;
}

Sub.prototype.update = function(){
  this.x = this.x + 1;
  console.log(this.x);
}

var dep = new Dep();
Array.prototype.push.call(dep.subs, new Sub(1), new Sub(2))

dep.notify (); //发布者发布更新

如上述代码:首先定义一个主题对象,对象中定义个数组来存储订阅者列表;然后定义个原型事件notify,该事件用来当发布信息时通知订阅者;