Vue前端面试题总结(三十六)如何理解Object.defineProperty()方法有何作用 详解

作用:会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象

参数

Object.defineProperty( obj, prop, desc );

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

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

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

返回值

返回被操作的对象,即返回 obj 参数

用途

vue 通过 getter-setter 函数来实现双向绑定

俗称属性挂载器

专门监听对象数组变化的 Object.observe()(es7)也用到了该方法

两个可选键值

get : 一个给属性提供 getter 的方法,如果没有 getter 则为 undefined。当访问该属性时,该方法会被执行,方法执行时没有参数传入,但是会传入this对象(由于继承关系,这里的this并不一定是定义该属性的对象)。
默认为 undefined。

set : 一个给属性提供 setter 的方法,如果没有 setter 则为 undefined。当属性值修改时,触发执行该方法。该方法将接受唯一参数,即该属性新的参数值。
默认为 undefined。

扫描二维码关注公众号,回复: 11718791 查看本文章

猜你喜欢

转载自blog.csdn.net/Rick_and_mode/article/details/108657846