通过Proxy(代理): 拦截对data任意属性的进行操作, 包括属性值的增删改查
通过 Reflect(反射): 动态对被代理对象的相应属性进行特定的操作
通过采用两者结合使用的方式实现响应式
Proxy 对象用于创建一个对象的代理,从而实现基本操作的拦截和自定义(如属性查找、赋值、枚举、函数调用等)。
参数:
target:要使用 Proxy 包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代理)。
handler:一个通常以函数作为属性的对象,各属性中的函数分别定义了在执行各种操作时代理 p 的行为。
Reflect 是一个内置的对象,它提供拦截 JavaScript 操作的方法。这些方法与proxy handlers (en-US)的方法相同。Reflect不是一个函数对象,因此它是不可构造的。
静态方法:
Reflect.apply(target, thisArgument, argumentsList):对一个函数进行调用操作,同时可以传入一个数组作为调用参数
Reflect.construct(target, argumentsList[, newTarget]):对构造函数进行 new 操作,相当于执行 new target(...args)
Reflect.defineProperty(target, propertyKey, attributes):如果设置成功就会返回 true
Reflect.deleteProperty(target, propertyKey):相当于执行 delete target[name]
Reflect.get(target, propertyKey[, receiver]):获取对象身上某个属性的值,类似于 target[name]
Reflect.getOwnPropertyDescriptor(target, propertyKey):如果对象中存在该属性,则返回对应的属性描述符,否则返回 undefined
Reflect.ownKeys(target):返回一个包含所有自身属性(不包含继承属性)的数组
Reflect.set(target, propertyKey, value[, receiver]):将值分配给属性的函数。返回一个Boolean,如果更新成功,则返回true
Reflect.setPrototypeOf(target, prototype):设置对象原型的函数。返回一个 Boolean,如果更新成功,则返回 true