如何利用 Object.defineProperties 一次性为业务对象配置包含 Getter/Setter 的复合属性描述-js教程-PHP中文网

不能直接用 object.defineproperty 逐个定义，因为批量配置带 get/set 的属性时重复写 obj 参数且易漏 configurable: true；object.defineproperties 要求描述符对象结构严格，混用 value 和 get/set 会报错，应只保留 get/set 并设 configurable: true，用 weakmap 存内部状态，getter 中 this 指向调用对象，避免硬编码对象名，注意性能与兼容性。

如何利用 object.defineproperties 一次性为业务对象配置包含 getter/setter 的复合属性描述

为什么不能直接用 `Object.defineProperty` 逐个定义？

因为业务对象常需批量配置多个带 get/set 的属性，比如表单模型中 fullName 依赖 firstName 和 lastName，同时还要控制 age 的取值范围。逐个调用 Object.defineProperty 不仅重复写 obj 参数，还容易漏掉 configurable: true 导致后续无法修改描述符——尤其在开发阶段频繁调试时，这个限制会卡住你。

`Object.defineProperties` 的参数结构必须严格对齐

第二个参数（属性描述符对象）的每个 key 必须是目标对象上要定义的属性名，value 必须是完整描述符对象；不能省略 value 或 get/set，否则该属性会被当成数据属性而非访问器属性。

常见错误现象：Uncaught TypeError: Invalid property descriptor. Cannot both specify accessors and a value or writable attribute —— 这是因为混用了 value 和 get。

实操建议：

每个属性描述符里只保留 get 和/或 set，删掉 value、writable
显式写 configurable: true，方便后续热更新逻辑
如果需要初始化内部状态（如缓存），用闭包或 WeakMap 存储，别塞进 this 上污染实例

const user = {};
const internal = new WeakMap();

Object.defineProperties(user, {
  fullName: {
    get() {
      const data = internal.get(this) || {};
      return `${data.firstName || ''} ${data.lastName || ''}`.trim();
    },
    set(val) {
      const [first, last] = val.split(/\s+/).filter(Boolean);
      const data = internal.get(this) || {};
      internal.set(this, { ...data, firstName: first, lastName: last });
    },
    configurable: true
  },
  age: {
    get() {
      return internal.get(this)?.age || 0;
    },
    set(val) {
      const num = Number(val);
      if (isNaN(num) || num  150) throw new RangeError('age must be 0–150');
      const data = internal.get(this) || {};
      internal.set(this, { ...data, age: num });
    },
    configurable: true
  }
});