属性描述符用于控制对象属性的行为，包括是否可写、可枚举和可配置。1. 数据属性包含 value、writable、enumerable 和 configurable 四个特性，决定属性的值、可修改性、可枚举性和可配置性；2. 使用 Object.defineProperty() 可设置单个属性描述符，如设 writable 为 false 实现只读；3. 访问器属性通过 get 和 set 控制读写操作，不存储实际值；4. 使用 Object.defineProperties() 可批量定义多个属性及其描述符；5. configurable 设为 false 后，无法再修改描述符或删除属性，确保属性稳定性。掌握属性描述符可实现封装与数据校验等高级功能。
JavaScript中的属性描述符用于控制对象属性的行为，比如是否可写、是否可枚举、是否可配置。理解属性描述符是掌握JavaScript对象特性的关键。
什么是属性描述符
在JavaScript中，每个对象的属性都有一个与之关联的“属性描述符”（Property Descriptor），它是一个用来描述该属性特性的对象。属性描述符决定了属性如何被操作和访问。
通过 Object.getOwnPropertyDescriptor() 可以查看某个属性的描述符：
const obj = { name: 'Alice' };console.log(Object.getOwnPropertyDescriptor(obj, 'name'));// 输出：// {// value: 'Alice',// writable: true,// enumerable: true,// configurable: true// }
数据属性描述符
数据属性包含以下四个特性：
立即学习“Java免费学习笔记（深入）”；
value：属性的值，默认为 undefined writable：是否可以修改属性值。false 表示只读 enumerable：是否出现在 for…in 循环或 Object.keys() 中 configurable：是否可以删除属性，或修改其描述符。一旦设为 false，就不能再变回 true
使用 Object.defineProperty() 设置数据属性：
const person = {};Object.defineProperty(person, 'age', { value: 25, writable: false, // 不可修改 enumerable: true, // 可枚举 configurable: false // 不可删除或重新配置});
此时尝试修改 age 不会生效：
person.age = 30;console.log(person.age); // 仍然输出 25
访问器属性描述符
访问器属性不包含实际的 value，而是通过 getter 和 setter 控制读写操作。
get：获取属性时调用的函数，返回值作为属性值 set：设置属性时调用的函数，接收赋值参数
其他两个特性 enumerable 和 configurable 同样适用。
const book = { _title: 'JavaScript Guide'};Object.defineProperty(book, 'title', { get() { return this._title.toUpperCase(); }, set(value) { if (value.length > 0) { this._title = value; } }, enumerable: true, configurable: true});console.log(book.title); // "JAVASCRIPT GUIDE"book.title = 'Learning JS';console.log(book.title); // "LEARNING JS"
批量定义属性描述符
使用 Object.defineProperties() 可以同时定义多个属性：
const user = {};Object.defineProperties(user, { firstName: { value: 'John', writable: false }, lastName: { value: 'Doe', writable: true }, fullName: { get() { return this.firstName + ' ' + this.lastName; } }});
可配置性的重要性
configurable 设为 false 后，无法再通过 defineProperty 修改该属性的描述符，也无法删除该属性（严格模式下会报错）。
Object.defineProperty(obj, 'prop', { value: 10, configurable: false});// 下面这行会报错Object.defineProperty(obj, 'prop', { enumerable: true });
基本上就这些。掌握属性描述符能让你更精确地控制对象行为，实现封装、数据校验和不可变性等高级功能。
以上就是JavaScript属性描述符_javascript对象特性的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1540124.html
微信扫一扫 
支付宝扫一扫 
