ES6之代理——Proxy对象

proxy

Proxy 用于修改某些操作的默认行为，等同于在语言层面做出修改，所以属于一种“元编程”，即对编程语言进行编程。 ——阮一峰

Proxy可以认为是在要代理的目标对象前加一个拦截层，外界对象想要操作访问这个目标对象的时候，都需要经过这个拦截层的过滤和筛选。

假如需要对某个对象的读取和更改设置操作进行重定义，我们可以对这个对象进行代理：

var proxy = new Proxy({}, {
  get: function(target, propKey) {
  console.log("进行了读取操作!")
    return 1111;
  }，
  set: function(target, propKey) {
  console.log("进行了设置操作!")
    return 2222;
  }
});
proxy.name = 1;  //进行了设置操作!
console.log(proxy.name);//   进行了读取操作！1111

ES6原生提供Proxy构造函数，用于生成Proxy实例。

var proxy = new Proxy(target,handler);

要使Proxy起作用，必须针对Proxy实例进行操作（new操作前的部分），而不是针对目标对象进行操作；
Proxy也可以作为其他对象的原型对象，使用create方法，例如：

var proxy = newProxy({},{
	get:function(target,property){
		return 1111;
}
});
let obj = Object.create(proxy);
obj.time  // 1111
//本身obj是没有time属性的，但是根据原型链会在proxy上读取这个属性值，导致被拦截

Proxy支持的所有拦截操作

• get（target，propKey，receiver）

拦截对象属性的读取，比如proxy.foo和·proxy[‘foo’]。最后一个参数receiver是一个可选对象；

• set（target，propKey，value，receiver）

拦截对象属性的设置，比如proxy.foo = '1’或proxy[‘foo’] = ‘2’，返回一个布尔值

• has（target，propKey)

拦截propKey in proxy的操作，返回一个布尔值

• deleteProperty（target，propKey)

拦截delete proxy[propKey]的操作，返回一个布尔值。

• ownKeys(target)

拦截Object.getOwnPropertyNames(proxy)、Object.getOwnPropertySymbols（proxy）、Object。keys（proxy），返回一个数组。该方法返回目标对象所有自身属性的属性名，而Object.keys（）的结果仅包括目标对象自身的可遍历属性

• getOwnPropertyDescriptor(target,proKey)

拦截object.getOwnPropertyDescriptor（proxy，propKey），返回属性的描述对象。

• defineProperty(target,propKey,propDesc)

拦截Object.defineProperty（target,propKey,propDesc）、Object.defineProperties(proxy,propDescs),返回一个布尔值。

• preventExtensions(target)

拦截Object.preventExtensions(proxy),返回一个布尔值

• getPropertyOf（target）

拦截Object.getPropertyOf（proxy），返回一个对象。

• isExtensible（target）

拦截Object.isExtensible(proxy)，返回一个布尔值

• setPropertyOf（target,proto）

拦截Object.setPropertyOf(proxy,proto),返回一个布尔值。如果目标对象是函数，那么还有两种额外的操作可以拦截

• apply（target，object，args）

拦截Proxy实例，并将其作为函数调用的操作

• construct（target，args）

拦截proxy实例作为构造函数调用的操作，比如new Proxy（…args）.