proxy与Object.defineProperty

Object.defineProperty详细介绍

proxy

Proxy 对象用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等），等同于在语言层面做出修改，所以属于一种“元编程”（meta programming），即对编程语言进行编程。

好比某个明星有个微博，但是微博每天评论太多，没时间处理，便交给了一个运营平台全权处理。运营平台便成为了明星的代理。这时，运营平台所表述的话就是明星的话。而粉丝是不能直接和明星进行交流的。

proxy便类似于运营平台，它决定了获取对象属性和设置对象属性时的条件，和操作对象及对象属性的方法。

new Proxy(obj, handler)

const ccg = {
   name:'ccg',age:20}
const ccg2 = new Proxy(ccg,{
   
    set(target,key,value,receiver){
   
        return Reflect.set(target, key, value, receiver);   
    },
    get(target,key,receiver){
   
        return Reflect.get(target, key, receiver);  
    },
})
ccg2.name = 'ccg2';
console.log(ccg2);  //Proxy {name: "ccg2", age: 20}

如上，ccg是一个普通的对象，通过new Proxy对ccg进行代理，生成了ccg2。

new Proxy是一个构造函数，第一个参数为需要代理的对象，第二个参数是一个对象，对象中最常用的就是上面的set和get事件。

const ccg =