JavaScript--Object.defineProperty()

本文主要是介绍JavaScript--Object.defineProperty()，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

概念

Object.defineProperty() 是 JavaScript 中的一个方法。
它允许你精确地添加新属性或修改现有属性在一个对象上，并对属性的特性进行配置。
使用这个方法可以控制属性的行为，比如它们是否可写、可枚举（能否通过 for…in 循环遍历到）、配置性（能否被删除或者修改特征）等。

语法

Object.defineProperty(obj, prop, descriptor)

obj: 要在其上定义属性的对象。
prop: 要定义或修改的属性的名称。
descriptor: 属性描述符，一个对象，用于描述新的或修改的属性的行为。

属性描述符 (descriptor) ：

它可以有以下键：

value: 设置属性的值，默认为 undefined。
writable: 布尔值，表示属性的值是否可以被重写。默认为 false。
enumerable: 布尔值，表示属性是否可以被枚举（例如在 for…in 或 Object.keys() 中出现）。默认为 false。
configurable: 布尔值，表示属性是否可以被删除或是否可以再次修改其特性。默认为 false。
get: 一个给属性提供 getter 的方法，当访问该属性时会调用此函数。默认为 undefined。
set: 一个给属性提供 setter 的方法，当属性值被修改时调用此函数。默认为 undefined。
注意: value, writable, enumerable 和 configurable 这些特性是属性数据描述符特有的。而 get 和 set 是存取器描述符特有的。
一个属性描述符只能是其中一种；不能同时是两种。
示例

const person = {};// 定义一个名为 "name" 的属性
Object.defineProperty(person, 'name', {value: 'Alice',writable: true,enumerable: true,configurable: true
});console.log(person.name); // 输出: Alice// 定义一个带有 getter 和 setter 的属性 "age"
let userAge = 25;
Object.defineProperty(person, 'age', {get() {return userAge;},set(value) {userAge = value;},enumerable: true,configurable: true
});console.log(person.age); // 输出: 25
person.age = 30;
console.log(userAge); // 输出: 30