JavaScript中的属性描述符与对象密封

属性描述符是JavaScript中控制对象属性行为的重要机制，而对象密封则是基于属性描述符的扩展特性，用于创建更严格的对象结构。

1. 属性描述符基础

每个对象属性都包含一个属性描述符，用于定义该属性的元信息。可以通过Object.getOwnPropertyDescriptor()方法查看：

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

属性描述符包含四个核心特性：

• value: 属性的值
• writable: 是否可修改（默认为true）
• enumerable: 是否可枚举（影响for...in循环，默认为true）
• configurable: 是否可配置（影响删除和重新定义，默认为true）

2. 自定义属性描述符

使用Object.defineProperty()可以精确控制属性行为：

const obj = {};

// 定义只读属性
Object.defineProperty(obj, "readOnlyProp", {
    value: "不可修改",
    writable: false,        // 不可写
    enumerable: true,       // 可枚举
    configurable: false     // 不可配置
});

obj.readOnlyProp = "尝试修改"; // 静默失败（严格模式下报错）
console.log(obj.readOnlyProp); // "不可修改"

3. 访问器描述符

除了数据描述符，还可以定义getter/setter访问器：

const obj = {
    _age: 25,
    
    get age() {
        return this._age;
    },
    
    set age(value) {
        if (value >= 0 && value <= 150) {
            this._age = value;
        }
    }
};

// 或者使用defineProperty定义
Object.defineProperty(obj, "fullInfo", {
    get() {
        return `Age: ${this._age}`;
    },
    enumerable: true
});

4. 对象密封的三个级别

基于属性描述符，JavaScript提供了三种对象保护级别：

级别一：不可扩展（Object.preventExtensions）

• 阻止添加新属性，但现有属性仍可修改和删除

const obj = { prop1: "value1" };
Object.preventExtensions(obj);

obj.prop2 = "value2"; // 静默失败
delete obj.prop1;     // 成功删除
obj.prop1 = "new value"; // 修改成功

级别二：密封（Object.seal）

• 不可扩展 + 所有属性configurable: false
• 不能添加/删除属性，但可修改现有属性值

const obj = { prop1: "value1" };
Object.seal(obj);

console.log(Object.getOwnPropertyDescriptor(obj, "prop1").configurable); // false

obj.prop2 = "value2"; // 失败（不可扩展）
delete obj.prop1;     // 失败（不可配置）
obj.prop1 = "new value"; // 成功（可写）

级别三：冻结（Object.freeze）

• 密封 + 所有属性writable: false
• 完全不可修改的对象

const obj = { prop1: "value1" };
Object.freeze(obj);

obj.prop2 = "value2"; // 失败
delete obj.prop1;     // 失败  
obj.prop1 = "new value"; // 失败

5. 检测对象状态

提供对应的方法检测对象当前状态：

const obj = { prop: "value" };

console.log(Object.isExtensible(obj)); // true
Object.seal(obj);
console.log(Object.isSealed(obj));     // true

const frozenObj = Object.freeze({});
console.log(Object.isFrozen(frozenObj)); // true

6. 实际应用场景

• 配置对象保护：防止运行时修改重要配置

const config = Object.freeze({
    apiUrl: "https://api.example.com",
    timeout: 5000
});

• 库API设计：提供稳定的接口对象
• 不可变数据：函数式编程中确保数据不可变
• 安全考虑：防止第三方代码修改核心对象

7. 注意事项

• 这些方法都是浅层操作，不影响嵌套对象
• 在严格模式下，违规操作会抛出TypeError
• 使用Object.assign()等方法的合并行为受这些限制影响

理解属性描述符和对象密封机制，可以帮助你创建更安全、更可控的JavaScript对象，是构建稳健应用程序的重要基础。