答案:JavaScript通过属性描述符和Reflect API控制对象行为。1. 属性描述符分数据描述符(value、writable)和访问器描述符(get、set),二者互斥;2. 每个描述符可设enumerable(是否可枚举)和configurable(是否可配置);3. Object.defineProperty用于定义或修改属性及其描述符,但操作失败会抛错;4. Reflect.defineProperty返回布尔值,更安全地定义属性;5. 使用get和set可实现属性访问拦截,如fullName基于firstName和lastName动态计算;6. Reflect提供统一的元编程接口,如Reflect.getOwnPropertyDescriptor获取描述符,Reflect.ownKeys获取所有自有键;7. configurable为false且writable为false时属性不可变;8. 掌握这些机制有助于实现数据校验、响应式系统等高级功能。

JavaScript 中的反射机制和对象属性描述符是理解对象行为的关键。通过 Object.defineProperty 和 Reflect API,可以精细控制对象属性的读写、枚举、配置等特性。下面详细说明属性描述符的类型与用法。
属性描述符的两种类型
在 JavaScript 中,每个属性都有一个对应的“属性描述符”(property descriptor),它是一个包含元信息的对象。属性描述符分为两种:
- 数据描述符:具有值的属性,可读写。
- 访问器描述符:通过 getter 和 setter 控制属性的读取和赋值。
两者不能共存。每种描述符都可设置以下四个元属性:
- value:属性的值(仅数据描述符)。
- writable:是否可修改值(仅数据描述符)。
- get:获取属性时调用的函数(仅访问器描述符)。
- set:设置属性时调用的函数(仅访问器描述符)。
- enumerable:是否出现在 for...in 或 Object.keys() 中。
- configurable:是否可被删除或修改描述符特性。
使用 Object.defineProperty 定义属性
该方法允许为对象定义或修改属性,并设置其描述符。
立即学习“Java免费学习笔记(深入)”;
const obj = {};
Object.defineProperty(obj, 'name', {
value: 'Alice',
writable: false,
enumerable: true,
configurable: false
});
console.log(obj.name); // "Alice"
obj.name = 'Bob';
console.log(obj.name); // 仍是 "Alice",因为不可写
注意:writable 为 false 且 configurable 为 false 时,属性变为完全不可变。
使用 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 Doe"
person.fullName = 'Jane Smith';
console.log(person.firstName); // "Jane"
使用 Reflect 改进反射操作
ES6 引入了 Reflect 对象,提供更一致的 API 来操作对象,常与 Proxy 配合使用。
- Reflect.getOwnPropertyDescriptor:获取属性描述符。
- Reflect.defineProperty:定义属性,返回布尔值表示是否成功。
- Reflect.getPrototypeOf / setPrototypeOf:获取或设置原型。
- Reflect.ownKeys:获取所有自有键(包括 symbol)。
const desc = Reflect.getOwnPropertyDescriptor(obj, 'name');
console.log(desc); // { value: 'Alice', writable: false, ... }
const success = Reflect.defineProperty(obj, 'age', {
value: 25,
writable: true,
enumerable: true,
configurable: true
});
console.log(success); // true
相比 Object.defineProperty 抛错,Reflect.defineProperty 返回布尔值,更适合条件判断。
基本上就这些。掌握属性描述符和反射机制,能更好地控制对象行为,实现数据校验、响应式系统等高级功能。不复杂但容易忽略细节。










