高级之路篇六：Object.defineproperty、Proxy与Reflect

1、Object.defineproperty

      属于es5范畴。该方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性， 并返回这个对象。

Object.defineProperty(obj, prop, descriptor)

       obj：要在其上定义属性的对象。

   prop：要定义或修改的属性的名称。

   descriptor：将被定义或修改的属性描述符。

     ------> 缺点：无法监听数组元素的变动，或者较深层次的复杂对象时会存在无法响应的问题。

2、Proxy

      属于es6范畴。用于定义基本操作的自定义行为（如属性查找，赋值，枚举，函数调用等）。

let p = new Proxy(target, handler);

      target：用Proxy包装的目标对象（可以是任何类型的对象，包括原生数组，函数，甚至另一个代理）。

   handler：一个对象，其属性是当执行一个操作时定义代理的行为的函数。

更多详情：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Proxy

 

3、Reflect

      属于es6范畴。它提供拦截 JavaScript 操作的方法。这些方法与处理器对象的方法相同。Reflect不是一个函数对象，因此它是不可构造的。

   Reflect没有构造函数。你不能将其与一个new运算符一起使用，或者将Reflect对象作为一个函数来调用。Reflect的所有属性和方法都是静态的（就像Math对象）。如：

Reflect.apply(target, thisArgument, argumentsList)

      target：目标函数。

      thisArgument：target函数调用时绑定的this对象。

      argumentsList：target函数调用时传入的实参列表，该参数应该是一个类数组的对象。

Reflect.get(target, propertyKey[, receiver])

      target：需要取值的目标对象

   propertyKey：需要获取的值的键值

      receiver：如果遇到 getter，此值将提供给目标调用。

......

更多详见：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Reflect