JavaScript 监听类属性的变化

1,524 阅读1分钟

JS 监听类属性的变化,一般可以使用如下的回调函数或者事件监听,但是回调函数只能存在一个监听者,事件监听又显得很笨重。所以,我们使用 rxjs 响应式编程的做法

player.roleLevelChange = value => {}
EventEmitter.addListener('RoleLevelChange', value => {})

Rxjs

yarn add rxjs
import Rx from 'rxjs'
class Player {

    constructor() {
        this.roleLevelObservable = new Rx.BehaviorSubject(undefined) // 参数为初始值
    }

    set roleLevel(value) {
      this.roleLevelObservable.next(value)
    }

}
player.roleLevelObservable.subscribe(value => {
    console.log(`订阅当前角色等级为1: ${value}`)
})

player.roleLevelObservable.subscribe(value => {
    console.log(`订阅当前角色等级为2: ${value}`)
})

参考:RxJS异步通信之Subject和BehaviorSubject