当前位置: 代码迷 >> 综合 >> Object.defineProperty()的含义及其用法
  详细解决方案

Object.defineProperty()的含义及其用法

热度:76   发布时间:2024-03-09 13:20:07.0

1.定义

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

let obj={};
Object.defineProperty(obj, 'prop', descriptor)
obj
要定义属性的对象。prop
要定义或修改的属性的名称或 Symbol 。descriptor
要定义或修改的属性描述符,这是一个对象 。

前两个参数没有什么好说的,重点就是第三个参数descriptor,定义属性的描述符!

2.定义的属性的描述符

configurable

当且仅当该属性的 configurable 键值为 true 时,该属性的描述符才能够被改变,同时该属性也能从对应的对象上被删除。
默认为 false。默认情况下,当属性不可配置时,不能在数据和访问器属性类型之间切换

enumerable

当且仅当该属性的 enumerable 键值为 true 时,该属性才会出现在对象的枚举属性中。
默认为 false。默认情况下,通过for in循环不能查询到对象的该属性

value

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

writable

当且仅当该属性的 writable 键值为 true 时,属性的值,也就是上面的 value,才能被赋值运算符改变。
默认为 false默认情况下,value是不能通过=重新赋值的

get

当访问该属性时,会调用此函数。执行时不传入任何参数,但是会传入 this 对象(由于继承关系,这里的this并不一定是定义该属性的对象)。该函数的返回值会被用作属性的值。
默认为 undefined

set

当属性值被修改时,会调用此函数。该方法接受一个参数(也就是被赋予的新值),会传入赋值时的 this 对象。
默认为 undefined

3.简单示例

function Obj(){Object.defineProperty(this,'newProp',{value: 1,//该属性的默认值writable: false,//该属性的默认value能否被修改/**注意:get和set方法不能同上面两个属性共存 */configurable: true,//该属性是否能被配置enumerable: true,//该属性是否能被枚举// get(){return this.defaultAttr},// set(newValue){//     console.log(newValue);//     this.defaultAttr = newValue// }})
}
let obj=new Obj();
obj.newProp=2;
console.log(obj.newProp)
obj.newProp=3;
console.log(obj.newProp)

 

  相关解决方案