{ //原始對象let obj={time:'2017-03-11',name:'net',_r:123};//（代理商）第一個參數代理對象，第二個參數真正代理的東西let monitor=new Proxy(obj,{// 攔截對象屬性的讀取 get(target,key){return target[key].replace('2017','2018')},// 攔截對象設置屬性 set(target,key,value){if(key==='name'){//賦值并返回return target[key]=value;}else{//不做操作直接返回return target[key];}},// 攔截key in object操作 has(target,key){if(key==='name'){return target[key]}else{return false;}},// 攔截delete deleteProperty(target,key){if(key.indexOf('_')>-1){delete target[key];return true;}else{return target[key]}},// 攔截Object.keys,Object.getOwnPropertySymbols,Object.getOwnPropertyNames ownKeys(target){return Object.keys(target).filter(item=>item!='time')}});console.log('get',monitor.time); //2018-03-11//操作monitor.time='2018';monitor.name='mukewang';console.log('set',monitor.time,monitor);//2018-03-11;{time: "2017-03-11", name: "mukewang", _r: 123} console.log('has','name' in monitor,'time' in monitor);//true;falsedelete monitor.time;console.log('delete',monitor);//{time: "2017-03-11", name: "mukewang", _r: 123}// delete monitor._r;console.log('delete',monitor);//{time: "2017-03-11", name: "mukewang"} console.log('ownKeys',Object.keys(monitor));//["name", "_r"] }{let obj={time:'2017-03-11',name:'net',_r:123};console.log('Reflect get',Reflect.get(obj,'time'));//get 2017-03-11Reflect.set(obj,'name','mukewang');console.log(obj);//{time: "2017-03-11", name: "mukewang", _r: 123}console.log('has',Reflect.has(obj,'name'));//true }

?

轉載于:https://www.cnblogs.com/Byme/p/7718522.html

總結

以上是生活随笔為你收集整理的es6 语法 （Proxy和Reflect 的对比）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。