问答题1039/1593说说你对 Object.defineProperty 的理解

难度:
2021-07-31 创建

参考答案:

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

该方法接受三个参数,第一个参数是 obj:要定义属性的对象,第二个参数是 prop:要定义或修改的属性的名称或 Symbol,第三个参数是 descriptor:要定义或修改的属性描述符。

1const obj = {}; 2Object.defineProperty(obj, "property", { value: 18 }); 3console.log(obj.property); // 18

虽然我们可以直接添加属性和值,但是使用这种方式,我们能进行更多的配置。

函数的第三个参数 descriptor 所表示的属性描述符有两种形式:数据描述符和存取描述符。数据描述符是一个具有值的属性,该值可以是可写的,也可以是不可写的。存取描述符是由 getter 函数和 setter 函数所描述的属性。一个描述符只能是这两者其中之一;不能同时是两者。

这两种同时拥有下列两种键值:

  • configurable:是否可以删除目标属性或是否可以再次修改属性的特性(writable, configurable, enumerable)。设置为true可以被删除或可以重新设置特性;设置为false,不能被可以被删除或不可以重新设置特性。默认为false。
  • enumerable:当且仅当该属性的 enumerable 键值为 true 时,该属性才会出现在对象的枚举属性中。默认为 false。
1const obj = { property: 24 }; 2Object.defineProperty(obj, "property", { configurable: true }); 3delete obj["property"]; // true 4obj; // {} 5// 改变状态 6const obj = { property: 24 }; 7Object.defineProperty(obj, "property", { configurable: false }); 8delete obj["property"]; // false 9obj; // {'property': 24}
1const obj = { property1: 24, property2: 34, property3: 54 }; 2Object.defineProperty(obj, "property1", { enumerable: true }); 3for (i in obj) { 4 console.log(i); 5} 6// property1 7// property2 8// property3 9// 改状态 10 11Object.defineProperty(obj, "property1", { enumerable: false }); 12for (i in obj) { 13 console.log(i); 14} 15// property2 16// property3 17

数据描述符还具有以下可选键值:

  • value:该属性对应的值。可以是任何有效的 JavaScript 值(数值,对象,函数等)。默认为 undefined。
  • writable:当且仅当该属性的 writable 键值为 true 时,属性的值,也就是上面的 value,才能被赋值运算符改变。默认为 false。
1const obj = {}; 2Object.defineProperty(obj, "property1", { value: 18 }); 3obj; // {'property1': 18}
1const obj = {}; 2Object.defineProperty(obj, "property1", { value: 18, writable: false }); 3obj.property1 = 24; 4obj; // {'property1': 18} 5 6// 改变状态 7const obj = {}; 8Object.defineProperty(obj, "property1", { value: 18, writable: true }); 9obj.property1 = 24; 10obj; // {'property1': 24} 11

存取描述符还具有以下可选键值:

  • get:属性的 getter 函数,如果没有 getter,则为 undefined。当访问该属性时,会调用此函数。执行时不传入任何参数,但是会传入 this 对象(由于继承关系,这里的 this 并不一定是定义该属性的对象)。该函数的返回值会被用作属性的值。默认为 undefined。
  • set:属性的 setter 函数,如果没有 setter,则为 undefined。当属性值被修改时,会调用此函数。该方法接受一个参数(也就是被赋予的新值),会传入赋值时的 this 对象。默认为 undefined。
1const obj = {}; 2Object.defineProperty(obj, "property1", { 3 get(value) { 4 return value; 5 }, 6 set(newValue) { 7 value = newValue; 8 }, 9}); 10

最近更新时间:2024-08-10

赞赏支持

预览

题库维护不易,您的支持就是我们最大的动力!