ES6中Proxy代理使用

最新推荐文章于 2024-01-01 08:00:00 发布

原创最新推荐文章于 2024-01-01 08:00:00 发布 · 633 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#面试

前端专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的代理模式案例，通过定制化的代理对象来拦截目标对象的属性读取、设置、检查成员存在性、删除属性及获取自身属性等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

{
  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));

}