Proxy代理和 Reflect反射(反射的是obj)的概念

1. Proxy代理


// 供应商(原始对象)let obj = {time:'2018-01-03',name:'net',_r: "123"}// 创建代理商,传入obj数据let monitor = new Proxy(obj,{get(target,key){ // 拦截对象属性的读取 target是传入的对象objreturn target[key].replace('2017','2018');},set(target,key,value){ // 拦截对象设置属性if(key === 'name'){return target[key] = value;}else{return target[key];}},has(target,key){  // 拦截key in object 操作if(key ==='name'){return target[key]}else{return false;}},deleteProperty(target,key){  // 拦截delete 除了_r属性能删除,其他不行if(key.indexOf('_')>-1){delete target[key];return true;}else{return target[key];}},// 拦截Object.keys , Object.getOwnPropertySymbols , Object.getOwnPropertyNamesownKeys(target){return Object.keys(target).filter(item=>item!='time');}});// 用户获取console.log('get',monitor.time); // get 2018-01-03monitor.time = '2019'; console.log('get',monitor.name); // get netconsole.log('set',monitor.time); // set 2018-01-03  代理拦截的只能设置name属性monitor.name = 'yiteer';console.log('set',monitor.name); // set yiteer    name属性设置成功// 拦截key in object 操作欺骗了用户,代理设置name是obj的属性,其他不是  console.log('has','name' in monitor,'time' in monitor); //has true false// 删除time属性delete monitor.time;console.log('delete_time',monitor.time);   //  delete_time 2018-01-03// 删除_r属性delete monitor._r;console.log('delete_r' , monitor._r)       // undefined// 过滤属性名不是time的属性console.log('ownKeys',Object.keys(monitor)); // ["name", "_r"]}

2. Reflect反射(反射的是obj)

Reflect 的特性和Proxy的用法非常类似不用new一个实例，直接用即可

// 供应商(原始对象)let obj = {time:'2018-01-03',name:'net',_r: "123"}// 获取对象的值console.log('Reflect get',Reflect.get(obj,'time')); // Reflect get 2018-01-03// 设置对象的值Reflect.set(obj,'name','xiaxiaoxian');console.log(obj);  // {time: "2018-01-03", name: "xiaxiaoxian", _r: "123"}// 判断对象是否拥有某个属性console.log('has',Reflect.has(obj,'name')) // has true

3. 利用Proxy代理创建一个信息校验的函数

function validator(target,validator){return new Proxy(target,{  // target指person的实例_validator:validator,set(target,key,value,proxy){ // 代理对set有限制if(target.hasOwnProperty(key)){let va = this._validator[key];if(!!va(value)){return Reflect.set(target,key,value,proxy);}else{throw Error(`不能设置${key}到${value}`)}}else{throw Error(`${key} 不存在`)}}})}const personValidators = {name(val){return typeof val === 'string'},age(val){return typeof val === 'number' && val>18},mobile(val){// 对手机的限制...}}// 创建一个构造函数class Person {constructor(name,age,mobile){this.name = name;this.age = age;this.mobile = '13735872697'return validator(this,personValidators); // this是person的实例，但是被代理了}}// 实例化一个对象const person = new Person('lilei',30);console.log(person); //{name: "lilei", age: 30, mobile: "13735872697"}// 修改//person.name = 48;  //报错 : 不能设置name到48person.name = 'xiaxaioxian';//person.age = 17;   // 报错 :Uncaught Error: 不能设置age到17//person.class = '304班'; // 报错: Uncaught Error: class 不存在console.info(person); // {name: "xiaxaioxian", age: 30, mobile: "13735872697"}

Proxy代理和 Reflect反射(反射的是obj)的概念相关推荐

利用 Proxy 代理与 Reflect 反射实现 mv 模型视图，实现一个打怪升级的小游戏“勇士之战”
利用 Proxy 代理与 Reflect 反射实现 mv 模型视图,多层数据动态渲染页面,模仿 vue3 双向绑定中 viewModel 核心功能,实现一个打怪升级的小游戏"勇士之战&q ...
Proxy(代理，拦截器)，Reflect(反射)
Proxy(代理,拦截器),Reflect(反射) Proxy: 代理: var duixaing = {"name":"小胖","age" ...
JavaScript 中Proxy（代理）和Reflect（反射）基础知识
JavaScript 中Proxy(代理)和Reflect(反射)基础知识最近在Vue3项目开发中,我们经常使用与Proxy和Reflect相关的函数.这些函数以各种形式出现在Vue3 Reac ...
自己写一个java.lang.reflect.Proxy代理的实现
前言 Java设计模式9:代理模式一文中,讲到了动态代理,动态代理里面用到了一个类就是java.lang.reflect.Proxy,这个类是根据代理内容为传入的接口生成代理用的.本文就自己写一个Pr ...
Proxy是代理，Reflect是干嘛用的？
一.Reflect有什么用? 一句话,Reflect没什么用,除了装装逼,让人看起来高大上以外,并不具有什么牛逼之处. 准确讲应该是这样的,Reflect更像是一种语法变体,其挂在的所有方法都能找到对 ...
面试官：什么是静态代理？什么是动态代理？注解、反射你会吗？
前言开场一位穿着蓝色衬衫,牛仔裤,拿着一个白色保温杯的中年男子急匆匆地坐在你对面,看样子是项目上的东西很急,估摸面试时间不会太长,这样一想心情放松了许多-(后来我就被打脸了) 面试开始面 ...
ES6之Proxy代理
什么是Proxy代理 ES6 让开发者能进一步接近 JS 引擎的能力,这些能力原先只存在于内置对象上.语言通过代理( proxy )暴露了在对象上的内部工作,代理是一种封装,能够拦截并改变 JS 引 ...
Java反射——反射机制问题——第一章
Java反射--反射机制问题--第一章 Java反射--Class类--第二章 Java反射--类加载--第三章 Java反射--反射获取类的结构信息--第四章文章目录 1:一个需求引出反射 2:反 ...
java Proxy(代理机制)
我们知道Spring主要有两大思想,一个是IoC,另一个就是AOP,对于IoC,依赖注入就不用多说了,而对于Spring的核心AOP来说,我们不但要知道怎么通过AOP来满足的我们的功能,我们更需要学习 ...

Proxy代理和 Reflect反射(反射的是obj)的概念

Proxy代理和 Reflect反射(反射的是obj)的概念相关推荐

最新文章

热门文章

Proxy代理 和 Reflect反射(反射的是obj)的概念

Proxy代理 和 Reflect反射(反射的是obj)的概念相关推荐

最新文章

热门文章

Proxy代理和 Reflect反射(反射的是obj)的概念

Proxy代理和 Reflect反射(反射的是obj)的概念相关推荐