ES6 - 简单介绍代理（Proxy）

学Java的时候学过，所以没感觉到什么神奇的，就是提取一个通用的做法，比如读取一个对象中的某个属性的时候需要判空，每次都需要这么做，这可以使用代理来做，当然，如果只是判空就没意思了，这是用来处理更复杂的业务逻辑的，比如数据库操作需要连接数据库或者处理异常，可以考虑使用代理

来一段简单的

let person = {
  name: "barry"
};

// Proxy对象，第一个参数为被代理的对象，第二个参数事要代理什么
// 这里的get是拦截对象属性读取
let proxy = new Proxy(person, {
  get: function(target, property) {
    if(target[property]) {
      return target[property];
    }else {
      throw new ReferenceError('Property \"' + property + '\" does not exist.');
    }
  }
})

console.log(proxy.name);

// 如果没有拦截，这里返回的事undefined
console.log(proxy.age);


"barry"
"error"
"ReferenceError: Property \"age\" does not exist.
    at Object.get (hajowoqafe.js:14:13)
    at hajowoqafe.js:20:44
    at https://static.jsbin.com/js/prod/runner-4.1.7.min.js:1:13924
    at https://static.jsbin.com/js/prod/runner-4.1.7.min.js:1:10866"

es6除了拦截属性读取，Proxy 支持的拦截操作还有另外12种，一共 13 种。

• get(target, propKey, receiver)：拦截对象属性的读取，比如proxy.foo和proxy['foo']。
• set(target, propKey, value, receiver)：拦截对象属性的设置，比如proxy.foo = v或proxy['foo'] = v，返回一个布尔值。
• has(target, propKey)：拦截propKey in proxy的操作，返回一个布尔值。
• deleteProperty(target, propKey)：拦截delete proxy[propKey]的操作，返回一个布尔值。
• ownKeys(target)：拦截Object.getOwnPropertyNames(proxy)、Object.getOwnPropertySymbols(proxy)、Object.keys(proxy)、for...in循环，返回一个数组。该方法返回目标对象所有自身的属性的属性名，而Object.keys()的返回结果仅包括目标对象自身的可遍历属性。
• getOwnPropertyDescriptor(target, propKey)：拦截Object.getOwnPropertyDescriptor(proxy, propKey)，返回属性的描述对象。
• defineProperty(target, propKey, propDesc)：拦截Object.defineProperty(proxy, propKey, propDesc）、Object.defineProperties(proxy, propDescs)，返回一个布尔值。
• preventExtensions(target)：拦截Object.preventExtensions(proxy)，返回一个布尔值。
• getPrototypeOf(target)：拦截Object.getPrototypeOf(proxy)，返回一个对象。
• isExtensible(target)：拦截Object.isExtensible(proxy)，返回一个布尔值。
• setPrototypeOf(target, proto)：拦截Object.setPrototypeOf(proxy, proto)，返回一个布尔值。如果目标对象是函数，那么还有两种额外操作可以拦截。
• apply(target, object, args)：拦截 Proxy 实例作为函数调用的操作，比如proxy(...args)、proxy.call(object, ...args)、proxy.apply(...)。
• construct(target, args)：拦截 Proxy 实例作为构造函数调用的操作，比如new proxy(...args)。