参考答案:
Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。
该方法接受三个参数,第一个参数是 obj:要定义属性的对象,第二个参数是 prop:要定义或修改的属性的名称或 Symbol,第三个参数是 descriptor:要定义或修改的属性描述符。
1const obj = {}; 2Object.defineProperty(obj, "property", { value: 18 }); 3console.log(obj.property); // 18
虽然我们可以直接添加属性和值,但是使用这种方式,我们能进行更多的配置。
函数的第三个参数 descriptor 所表示的属性描述符有两种形式:数据描述符和存取描述符。数据描述符是一个具有值的属性,该值可以是可写的,也可以是不可写的。存取描述符是由 getter 函数和 setter 函数所描述的属性。一个描述符只能是这两者其中之一;不能同时是两者。
这两种同时拥有下列两种键值:
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
数据描述符还具有以下可选键值:
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
存取描述符还具有以下可选键值:
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