JS发布订阅模式

这里使用一个自运行函数进行包裹执行,通过depend 收集subscribe订阅函数,使用public函数进行发布,可以降低函数耦合度,一个事件可以触发多个回调,自定义事件。

(function() {
  // 定义一个对象,存放被订阅的函数
  let depend = {};
  // 订阅函数
  function subscribe(eventName, cb) {
    (depend[eventName] || (depend[eventName] = [])).push(cb);
  }
  // 发布函数
  function public(eventName) {
    const cbs = depend[eventName] || [];
    for (const cb of cbs) {
      cb();
    }
  }
  // 订阅
  subscribe("baseChange", () => {
    console.log("baseChange");
  })
  // 发布
  public("baseChange");
}())
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。