订阅者发布者（观察者）模式简析

parkvisitor

已于 2022-06-05 23:29:36 修改

阅读量202

点赞数

分类专栏： js 文章标签： javascript 前端开发语言

于 2022-06-05 11:56:51 首次发布

本文链接：https://blog.csdn.net/parkvisitor/article/details/125130400

版权

发布/订阅模式 JavaScript 数据通信回调函数事件驱动

关键词由CSDN通过智能技术生成

js 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

var bus = {
  list:[],
  // 订阅者
  subscribe(callback){
    this.list.push(callback)
  },
  // 发布者
  public(value){
    this.list.forEach(callback=>{
      callback && callback(value)
    })
  }
}
// 先 订阅把回调函数存入list中
bus.subscribe((value)=>{console.log(value);})
bus.subscribe((value)=>{console.log(value+"123");})
// 后 发布传递参数，并且从list中取出回调函数，执行回调函数
bus.public("发布者传递的数据")

setTimeout(()=>{
	bus.public("发布者再发布一次")
},1000)