JavaScript对象操作_属性描述符高级用法_技术教程

JavaScript对象属性由属性描述符控制，分为数据属性和访问器属性。通过Object.defineProperty()可设置value、writable、enumerable、configurable等特性，或使用get/set定义访问器；Object.defineProperties()支持批量定义，结合Object.freeze()、seal()和preventExtensions()可实现对象的不可变性与封装，适用于构建健壮的库或模块。

JavaScript中的对象属性不仅仅是简单的键值对，背后还有一套完整的属性描述符机制。通过属性描述符，可以精细控制属性的行为，比如是否可写、是否可枚举、是否可配置等。掌握这些高级用法，能让你更好地管理对象的结构和行为。

属性描述符的基本类型

在JavaScript中，每个属性都有一个对应的“属性描述符”对象，它决定了该属性的特性。属性描述符分为两种：

数据属性：包含值的属性，可读写。
访问器属性：不直接存储值，而是通过 getter 和 setter 控制读写行为。

可以通过 Object.getOwnPropertyDescriptor() 查看某个属性的描述符：

const obj = { name: 'Alice' };
console.log(Object.getOwnPropertyDescriptor(obj, 'name'));
// 输出: { value: 'Alice', writable: true, enumerable: true, configurable: true }

数据属性描述符详解

数据属性有四个可配置的元属性：

value：属性的实际值。
writable：是否可修改值。
enumerable：是否出现在 for...in 或 Object.keys() 中。
configurable：是否可删除或修改属性描述符本身。

使用 Object.defineProperty() 可以定义或修改属性描述符：

const user = {};
Object.defineProperty(user, 'age', {
  value: 25,
  writable: false,        // 不可修改
  enumerable: true,       // 可枚举
  configurable: false     // 不可删除或再配置
});
user.age = 30;            // 无效（严格模式下报错）
delete user.age;          // 删除失败

访问器属性：getter 与 setter

访问器属性没有 value 和 writable，而是通过 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

访问器常用于数据验证、计算属性或隐藏内部状态。

批量定义与冻结对象

使用 Object.defineProperties() 可以一次性定义多个属性：

Object.defineProperties(obj, {
  prop1: {
    value: 42,
    writable: false
  },
  prop2: {
    get() { return this.prop1 * 2; },
    enumerable: true
  }
});

结合属性描述符，可以实现更严格的对象保护：