JavaScript属性描述符在自定义数据结构中的应用

先说说我的理解：属性描述符这个东西，本质上就是 JavaScript 用来控制对象行为的一套“底层机关”。不是拿来炫技的，而是用来解决那些你迟早会遇到的真实问题——比如数据被误改、内部状态暴露、想实现响应式逻辑，或者想让自定义的结构用起来更像原生类型。

从实际开发经验来看，灵活运用属性描述符，能让自定义数据结构变得可控、可信赖，而且是可演进的。

封装私有状态，避免外部直接访问

JavaScript 一直没有真正的 private 字段（直到 #private 出现），但利用 enumerable: false 和 configurable: false，我们有办法把内部属性“藏”得很深。举个例子，设计一个带缓存的计算器：

• 把 _cache 设为不可枚举、不可配置，它就不会出现在 Object.keys() 或 JSON 序列化中；
• 配上 writable: false，还能防止被意外覆盖；
• 用户调用 calc.result 时走 getter，内部自动更新缓存，但缓存变量本身是隐形的。

这套组合拳下来，内部状态完全是“眼不见心不烦”。

实现只读或防篡改的数据结构

当某个自定义类的实例属性需要“定下来”，比如 ID、创建时间、配置项这类一旦创建就不能改的东西，属性描述符是首选方案：

• writable: false 阻止赋值（严格模式下直接报错，非严格下静默失败）；
• configurable: false 后，连 defineProperty 都奈何不了它，更不能 delete；
• 常见组合：{ value: xxx, writable: false, configurable: false, enumerable: true }——值固定、可读、不可删、不可改，强得一匹。

值得提醒的是，这种锁定机制在需要安全配置的场景下特别有用。

构建计算属性与副作用控制

访问器描述符（get/set）让属性变成“活的”。用在自定义结构里，可以说是杀手锏：

• 派生字段：比如 fullName 自动拼合 firstName 和 lastName；
• 格式转换：设置 price 时自动转成数字并校验范围，取值时返回带货币符号的字符串；
• 触发更新：set 里调用 notifyChange()，手动为响应式机制铺路——其实就是 Vue 2 核心原理的一个微缩版。

这才是计算属性的魅力所在。

安全复制与继承控制

这一点很容易被忽视。用 Object.assign 做复制，会丢掉 get/set 和所有描述符特性，自定义行为直接失效。正确的做法是：

• 用 Object.getOwnPropertyDescriptors(obj) 拿到完整描述符；
• 再用 Object.defineProperties(target, descriptors) 精确还原；
• 如果要继承原型上的访问器（比如自定义数组类），可以用 Object.create(proto, descriptors) 构造新实例。

数据私有、行为可控、计算属性、安全复制——这些场景看起来不复杂，但在实际项目中，真正用好这套机制，自定义数据结构就不只是“能用”，而是真正做到了“可控、可信赖、可演进”。