高级之路篇六: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