浅谈es6语法 (Proxy和Reflect的对比)

如下所示:

//原始对象
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;false

delete monitor.time;
console.log('delete',monitor);//{time: "2017-03-11",_r: 123}
//
delete monitor._r;
console.log('delete',name: "mukewang"}

console.log('ownKeys',Object.keys(monitor));//["name","_r"]

}

{
let obj={
time:'2017-03-11',_r:123
};

console.log('Reflect get',Reflect.get(obj,'time'));//get 2017-03-11
Reflect.set(obj,'name','mukewang');
console.log(obj);//{time: "2017-03-11",_r: 123}
console.log('has',Reflect.has(obj,'name'));//true
}

以上这篇浅谈es6语法 (Proxy和Reflect的对比)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...