浅谈es6语法 (Proxy和Reflect的对比)
如下所示：
{
//原始对象
letobj={
time:'2017-03-11',
name:'net',
_r:123
};
//（代理商）第一个参数代理对象，第二个参数真正代理的东西
letmonitor=newProxy(obj,{
//拦截对象属性的读取
get(target,key){
returntarget[key].replace('2017','2018')
},
//拦截对象设置属性
set(target,key,value){
if(key==='name'){
//赋值并返回
returntarget[key]=value;
}else{
//不做操作直接返回
returntarget[key];
}
},
//拦截keyinobject操作
has(target,key){
if(key==='name'){
returntarget[key]
}else{
returnfalse;
}
},
//拦截delete
deleteProperty(target,key){
if(key.indexOf('_')>-1){
deletetarget[key];
returntrue;
}else{
returntarget[key]
}
},
//拦截Object.keys,Object.getOwnPropertySymbols,Object.getOwnPropertyNames
ownKeys(target){
returnObject.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'inmonitor,'time'inmonitor);//true;false
deletemonitor.time;
console.log('delete',monitor);//{time:"2017-03-11",name:"mukewang",_r:123}
//
deletemonitor._r;
console.log('delete',monitor);//{time:"2017-03-11",name:"mukewang"}
console.log('ownKeys',Object.keys(monitor));//["name","_r"]
}
{
letobj={
time:'2017-03-11',
name:'net',
_r:123
};
console.log('Reflectget',Reflect.get(obj,'time'));//get2017-03-11
Reflect.set(obj,'name','mukewang');
console.log(obj);//{time:"2017-03-11",name:"mukewang",_r:123}
console.log('has',Reflect.has(obj,'name'));//true
}
以上这篇浅谈es6语法(Proxy和Reflect的对比)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。