Proxy 和 Reflect 组合使用
var target = {
"name": "yy",
"age": 10
}
var handler = {
get: function(target,key,value){
console.log("get"+JSON.stringify(target));
return Reflect.get(target,key,value)
},
set: (target,key,value)=>{
console.log("set"+JSON.stringify(target));
return Reflect.set(target,key,value)
}
}
var proxy = new Proxy(target,handler)
观察者模式
var queuedObservers= new Set();
var observe = fn=> queuedObservers.add(fn);
var observable = obj => new Proxy(obj,{set});
var o = observable({
"name": "tom",
"age": 1
})
function set(target,key,value,receiver){
console.log(target)
console.log(key)
console.log(value)
console.log(receiver)
Reflect.set(target,key,value,receiver);
queuedObservers.forEach(observe=>observe())
}
var f1 = ()=>{
console.log(o.name + "第一观察者" + o.age)
}
var f2 = ()=>{
console.log( o.name + "第二观察者" + o.age)
}
observe(f1);
o.name = "sean"
observe(f2);
o.age = 2