(二)02 -Object.defineProperty()方法——直接在一个对象上修改一个对象的现有属性 & 属性描述符类似value-get获取数据 set修改数据

Object.defineProperty——直接在一个对象上修改一个对象的现有属性 & 属性描述符类似value-get获取数据 set修改数据

参考资料:

**Object.defineProperty()** 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。

语法

Object.defineProperty(obj, prop, descriptor)

参数:

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

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

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

返回值:

被传递给函数的对象。

属性描述符

对象里目前存在的属性描述符有两种主要形式:数据描述符存取描述符数据描述符是一个具有值的属性,该值可能是可写的,也可能不是可写的。存取描述符是由getter-setter函数对描述的属性。描述符必须是这两种形式之一;不能同时是两者。

数据描述符和存取描述符均具有以下可选键值(默认值是在使用Object.defineProperty()定义属性的情况下):

  • configurable

    当且仅当该属性的 configurable 为 true 时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除。默认为 false

  • enumerable

    当且仅当该属性的enumerabletrue时,该属性才能够出现在对象的枚举属性中。默认为 false

数据描述符同时具有以下可选键值

  • value

    该属性对应的值。可以是任何有效的 JavaScript 值(数值,对象,函数等)。默认为 undefined

  • writable

    当且仅当该属性的writabletrue时,value才能被赋值运算符改变。默认为 false

存取描述符同时具有以下可选键值

  • get

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

    默认为 undefined

  • set

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

    默认为 undefined

在这里插入图片描述

打印台显示:属性描述符赋值
在这里插入图片描述
赋值方法对比
在这里插入图片描述
属性的访问器 获取值get 和 修改值set
在这里插入图片描述

get set 和 value可以同时使用

在这里插入图片描述

get set 和 value可以同时使用 打印显示

在这里插入图片描述

发布了199 篇原创文章 · 获赞 1 · 访问量 5485

猜你喜欢

转载自blog.csdn.net/weixin_44867717/article/details/104863269