ES6初識-Proxy和Reflect
阿新 • • 發佈：2017-11-27
mes target replace return index rep net reflect lac {
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);
monitor.time=‘2018‘;
monitor.name=‘mukewang‘;
console.log(‘set‘,monitor.time,monitor);
console.log(‘has‘,‘name‘ in monitor,‘time‘ in monitor);
// delete monitor.time;
// console.log(‘delete‘,monitor);
//
// delete monitor._r;
// console.log(‘delete‘,monitor);
console.log(‘ownKeys‘,Object.keys(monitor));
}
{
let obj={
time:‘2017-03-11‘,
name:‘net‘,
_r:123
};
console.log(‘Reflect get‘,Reflect.get(obj,‘time‘));
Reflect.set(obj,‘name‘,‘mukewang‘);
console.log(obj);
console.log(‘has‘,Reflect.has(obj,‘name‘));
}
ES6初識-Proxy和Reflect