js发布订阅与观察者模式

//保存状态，状态变化，触发所有观察者  发布订阅类
class Subject {
  constructor() {
    this.state = { select: '首页' } //状态
    this.observer = [] //观察者
  }
  //获取状态
  get getState() {
    return this.state
  }
  //设置状态
  setState(state) {
    this.state = state
    //通知观察者
    this.notifyObject()
  }
  //通知
  notifyObject() {
    this.observer.forEach((observer) => {
      observer.update()
    })
  }
  //添加观察者
  attach(observer) {
    this.observer.push(observer)
  }
}
//观察者
class Observer {
  //name 谁订阅了，subject 发布订阅类
  constructor(name, subject) {
    this.name = name
    this.subject = subject
    this.subject.attach(this) //把当前的观察者添加到发布订阅类中
  }
  update() {
    console.log(`name:${this.name}  状态:${this.subject.getState.select}`)
  }
}

//测试

const s = new Subject()
const o1 = new Observer('张三', s)
s.setState({ select: '新闻' })