Object.defineProperty 什么时候用value /get,set

在 JavaScript 中，数据描述符 和 存取描述符 是 Object.defineProperty() 的两种属性描述符类型，它们的使用场景和区别如下：

---

1. 数据描述符（Data Descriptor）

适用场景：

• 静态属性：定义固定值或不可变属性（如常量、配置项）。
• 简单读写控制：仅需控制属性是否可写（writable）或可枚举（enumerable）。
• 隐藏内部属性：通过 enumerable: false 避免属性被遍历（如私有变量）。

核心特性：

• 包含 value 和 writable 键。
• 直接存储值，无逻辑拦截。

示例：

const obj = {};
Object.defineProperty(obj, 'version', {
  value: '1.0.0',  // 静态值
  writable: false, // 不可修改
  enumerable: true
});

---

2. 存取描述符（Accessor Descriptor）

适用场景：

• 动态计算属性：属性值需实时计算（如衍生数据）。
• 数据验证/拦截：在赋值时校验或处理数据（如类型检查、范围限制）。
• 响应式编程：监听属性变化（如 Vue 的响应式系统）。
• 延迟加载/缓存：首次访问时计算并缓存结果。

核心特性：

• 包含 get 和 set 函数。
• 通过函数拦截读写操作。

示例：

let _value = 0;
Object.defineProperty(obj, 'dynamic', {
  get() { return _value * 2; }, // 动态计算
  set(v) { 
    if (v > 0) _value = v;      // 校验赋值
  }
});

---

3. 关键区别

特性	数据描述符	存取描述符
核心键	value, writable	get, set
逻辑控制	无	可自定义读写逻辑
性能	更高（直接访问值）	稍低（需调用函数）
典型应用	常量、配置项	响应式数据、数据验证

---

4. 如何选择？

• 用数据描述符：属性值固定或仅需简单读写控制。
• 用存取描述符：需动态计算、监听变化或添加业务逻辑时。

注意：两者不能混用（不能同时定义 value 和 get/set）。