ES6 Proxy 和 Reflect 组合使用 笔记

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