ES6 proxy代理详解及用法
proxy官方的详细解释为代理器,个人理解为相当于一个拦截器,外部的所有访问必须先通过这层拦截,监视到对象的读写过程,因此提供了这
种机制对外部的访问进行过滤和修改。
上述例子为proxy new一个实例化对象 第一个参数 目标代理对象 person,第二个参数为处理对象。
get方法用于拦截某个属性的读取操作,可以接收三个参数,依次为目标对象,外部所访问的属性名和Proxy实例本身(操作行为是针对的对象),
其中最后一个参数可选。(get内部的打印结果为person对象本身{name:'zce',age:20}和name,外部打印结果为zce)
上述代码中get方法可以添加个三元判断,当外部调用的属性值为name和age中其中一个,则返回对应的value值,否则返回default
set方法为拦截对象属性的设置,默认三个参数,分别是 代理的目标对象 外部调用对象属性名称 属性名称对应的属性值
如果调用属性值为age 并且不为数字类型 则抛出错误 set内部打印为代理的目标对象 外部调用对象属性名称 属性名称对应的属性值
外部打印结果为default 因为没有对应的saa属性
上述代码拦截删除
的方法,默认两个必输参数,同get,返回一个布尔值。
内部打印结果为删除的属性值name 外部打印结果为对象的属性和值
上述代码 为proxy对数组的操作,set方法默认三个参数,依次是代理的目标数组,下标,下标对应的值
listProxy的push值,内部打印结果为0,100
posted on 2021-01-05 22:58 メSerendipity 阅读(618) 评论(1) 编辑 收藏 举报