高级之路篇六:Object.defineproperty、Proxy与Reflect
2019-04-25 15:45
483 查看
1、Object.defineproperty
属于es5范畴。该方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。
[code]Object.defineProperty(obj, prop, descriptor)
obj:要在其上定义属性的对象。
prop:要定义或修改的属性的名称。
descriptor:将被定义或修改的属性描述符。
------> 缺点:无法监听数组元素的变动,或者较深层次的复杂对象时会存在无法响应的问题。
2、Proxy
属于es6范畴。用于定义基本操作的自定义行为(如属性查找,赋值,枚举,函数调用等)。
[code]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
相关文章推荐
- 【javascript】 Reflect.defineProperty() 与 Object.defineProperty() 【更新中】
- Object.defineProperty方法
- Object.defineProperty() —— 实现vue双向数据绑定的核心
- Vue 双向数据绑定原理分析 以及 Object.defineproperty语法
- 理解Object.defineProperty的作用
- Object.defineProperty
- Vue.js 源码学习笔记 -- 分析前准备2 -- Object.defineProperty
- javaScript中的Object.defineProperty()和defineProperties()
- Object.defineProperty的应用
- 深入了解object.defineProperty
- Object.defineProperty()
- javascript之Object.defineProperty的奥妙
- Object.defineProperty 与 属性描述符
- Js中的Object.defineProperty
- 善用Object.defineProperty巧妙找到修改某个变量的准确代码位置
- javascript面向对象之Object.defineProperty(a,b,c)
- 双向数据绑定实现之Object.defineProperty
- Object.defineproperty实现数据和视图的联动
- 利用object.defineProperty实现数据与视图绑定
- object.defineproperty