使用Proxy和Reflect实现观察者模式

观察者模式（Observer Mode）定义：函数自动观察数据对象的模式，一旦对象有变化，函数就会自动执行

const observeObj = require('./observe.js')
const observe = observeObj.observe
const observable = Observe.observable

const person = observable({
    name: '张三',
    age: 20
})

function print (){
    console.log(`${person.name} ${person.age}`)
}

observe(print)
person.name = '丁丁'

 使用要求：

构建observeObj ，具备observe和observable两个方法

observable构建一个被观察的对象

observe为对象增加观察函数

 

封装的观察者对象代码如下：

const queuedObservers = new Set()
const observe = fn => queuedObservers.add(fn);
const observable = obj => new Proxy(obj, {set})

function set(target, key, value, receiver) {
    const result = Reflect.set(target, key, value, receiver);
    queuedObserve