欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-07-12 21:55:24
...

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