概述:Proxy用于修改某些操作的默认行为,可理解为在目标对象上设置一个“拦截”层,外界访问该对象需经过这层拦截,以此提供了一种方式对访问进行过滤和改写。
/*基本用法
target为拦截目标对象,hander也是一个对象,用于制定拦截行为
*/
var proxy=new Proxy(target,hander)
//拦截访问属性值的操作
var _obj={a:1,b:2}
var obj=new Proxy(_obj,{
get:function(target,key){
console.log("get "+key+"+1");
return target[key]+1;
}
})
obj.a
//get a+1
//2
_obj.a //1 原目标对象操作不变
注意:要让Proxy产生作用,需要在代理后的对象上使用,在目标对象上操作不变
如果拦截行为对象为空对象,则没有任何拦截效果,访问代理对象等同访问目标对象
var target={}
var hander={}
var proxy=new Proxy(target,hander)
proxy.a=1
target.a //1
Proxy常用的拦截操作:
- get(target,propKey,receiver),拦截对象属性的读取
- set(target,propKey,value,receiver),拦截对象属性的设置,返回一个布尔值
- has(target,propKey),拦截propKey in proxy操作,返回一个布尔值,例如拦截for in
- deleteProperty(target, propKey) ,拦截删除属性操作,返回一个布尔值
- apply(target, object, args) ,拦截Proxy实例,并将其作为函数调用的操作
- construct(target,args),拦截将Proxy实例作为构造函数调用的操作