手写观察者模式

最新推荐文章于 2025-02-14 10:14:11 发布

jjjjjjjjj¢

最新推荐文章于 2025-02-14 10:14:11 发布

阅读量123

点赞数

分类专栏： js手写题文章标签：观察者模式前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_45825917/article/details/132867605

版权

js手写题专栏收录该内容

52 篇文章

订阅专栏

本文介绍了JavaScript中的观察者模式，通过Subject和Observer类实现，展示了如何创建主题对象、观察者对象，以及如何通过notify方法触发数据更新并通知所有订阅者。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

class Subject {
  constructor() {
    this.observers = []
  }

  addObserver(observer) {
    this.observers.push(observer)
  }
  removeObserver(observer) {
    this.observers = this.observers.filter((item) => item !== observer)
  }

  notify() {
    this.observers.forEach((observer) => observer.update())
  }
}

class Observer {
  constructor(data) {
    this.data = data
  }
  update() {
    console.log('data：', this.data)
  }
}

// 创建主题对象
const subject = new Subject()

// 创建两个观察者对象
const observer1 = new Observer('Hello啊，树哥!')
const observer2 = new Observer('Hello')

// 将观察者添加到主题对象中
subject.addObserver(observer1)
subject.addObserver(observer2)

// 通知观察者
subject.notify()
// data： Hello啊，树哥!
// data： Hello