function createObsever(obj) {
// 观察者
const observers = []
//使用proxy代理对象,使用Reflect保证默认行为
const proxyObj = new Proxy(obj, {
set(target, p, value, receiver) {
Reflect.set(target, p, value, receiver)
observers.forEach(fn => fn())
}
})
// 返回代理对象和添加观察者的方法
return {
proxy: proxyObj,
setObserver: function (fn) {
observers.push(fn)
}
}
}
const obj = {
a: 1,
b: 2
}
const pro = createObsever(obj)
pro.setObserver(() => { console.log(1) })
pro.proxy.a = 12
console.log(obj.a)
使用Proxy和Reflect实现观察者模式
最新推荐文章于 2021-09-22 20:42:58 发布