手撕观察者模式（简单一看就懂）

最新推荐文章于 2024-08-09 01:26:41 发布

我叫张沐晨

最新推荐文章于 2024-08-09 01:26:41 发布

阅读量104

点赞数

分类专栏： js 文章标签：观察者模式 vue.js 前端

本文链接：https://blog.csdn.net/zhangmuchen777/article/details/127574310

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

    // 发布者-被观察者
    class Dep {
      constructor () {
        // 记录所有的订阅者
        this.subs = []
      }
      // 添加订阅者
      addSub (sub) {
        if (sub && sub.update) {
          this.subs.push(sub)
        }
      }
      // 发布通知
      notify () {
        this.subs.forEach(sub => {
          sub.update()
        })
      }
    }
    // 订阅者-观察者
    class Watcher {
      update () {
        console.log('update')
      }
    }
    let dep = new Dep()
    let watcher1 = new Watcher()
    let watcher2 = new Watcher()
    dep.addSub(watcher1)
    dep.addSub(watcher2 )
    dep.notify()