JavaScript中的属性描述符用于控制对象属性的行为，分为数据描述符和访问器描述符。数据描述符包含value和writable、enumerable、configurable三个布尔特性；访问器描述符由get和set函数组成，二者不可共存。configurable控制属性是否可删除或修改描述符类型，enumerable决定属性是否可枚举。通过Object.defineProperty()定义属性时可设置描述符，默认值为false，而直接赋值添加的属性默认可写、可枚举、可配置。Object.getOwnPropertyDescriptor()可查看属性描述符。访问器常用于数据验证或计算属性，如fullName示例所示。属性描述符在封装逻辑和构建响应式系统中非常有用。
JavaScript中的属性描述符是用来控制对象属性行为的配置项。每个属性的背后都有一组描述符，决定了这个属性是否能被修改、枚举或删除。理解它们有助于更好地掌握对象的特性和数据封装。
属性描述符的类型
属性描述符分为两种：数据描述符和访问器描述符，二者不能同时存在。
• 数据描述符：包含值（value）以及三个布尔型特性：writable、enumerable 和 configurable。
• 访问器描述符：由 getter（get）和 setter（set）函数组成，同样包含 enumerable 和 configurable 特性。
无论哪种类型，都有以下共有的描述符：
configurable：若为 false，表示该属性不能被删除，也不能改为另一种描述符类型，且其他描述符不能再被修改（某些情况下有例外）。 enumerable：若为 true，该属性会在 for…in 循环或 Object.keys() 中出现。
数据描述符的 writable 和 value
数据描述符用于直接存储值的属性。
立即学习“Java免费学习笔记（深入）”；
• value：属性对应的值，可以是任意 JavaScript 值。
• writable：若为 false，尝试赋值不会生效（严格模式下会抛错）。
示例：
const obj = {};Object.defineProperty(obj, 'name', { value: 'Alice', writable: false, enumerable: true, configurable: false});obj.name = 'Bob'; // 不会改变console.log(obj.name); // 输出 Alice
访问器描述符的 get 和 set
访问器描述符不直接存储值，而是通过 get 和 set 函数来读取或设置属性。
• get：获取属性值时调用的函数。
• set：设置属性值时调用的函数，接收一个参数（新值）。
常用于数据验证或计算属性：
const person = { firstName: 'John', lastName: 'Doe'};Object.defineProperty(person, 'fullName', { get() { return this.firstName + ' ' + this.lastName; }, set(value) { const parts = value.split(' '); this.firstName = parts[0]; this.lastName = parts[1]; }, enumerable: true, configurable: true});console.log(person.fullName); // John Doeperson.fullName = 'Jane Smith';console.log(person.firstName); // Jane
如何查看和定义描述符
使用 Object.getOwnPropertyDescriptor() 可查看某个属性的描述符：
Object.getOwnPropertyDescriptor(obj, 'name');// 返回 { value: 'Alice', writable: false, enumerable: true, configurable: false }
使用 Object.defineProperty() 或 Object.defineProperties() 定义或修改描述符。注意：直接通过赋值添加的属性，其描述符默认为 writable、enumerable、configurable 都是 true。
基本上就这些。属性描述符提供了对对象属性的精细控制，在构建库、实现响应式系统或需要封装逻辑时非常有用。不复杂但容易忽略。
以上就是如何理解JavaScript中的属性描述符？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1530103.html
微信扫一扫 
支付宝扫一扫 
