ES6对象代理Proxy学习笔记

概述：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常用的拦截操作：

1. get(target,propKey,receiver),拦截对象属性的读取
2. set(target,propKey,value,receiver)，拦截对象属性的设置,返回一个布尔值
3. has(target,propKey),拦截propKey in proxy操作，返回一个布尔值，例如拦截for in
4. deleteProperty(target, propKey) ，拦截删除属性操作，返回一个布尔值
5. apply(target, object, args) ,拦截Proxy实例，并将其作为函数调用的操作
6. construct(target,args)，拦截将Proxy实例作为构造函数调用的操作