如何利用 Object.defineProperties 一次性为对象配置带 Getter 的描述符-js教程-PHP中文网

Object.defineProperties不能直接写箭头函数getter，因this绑定错误；必须用普通函数并显式声明configurable/enumerable等字段，且访问器与数据属性描述符互斥。

如何利用 object.defineproperties 一次性为对象配置带 getter 的描述符

Object.defineProperties 为什么不能直接写 getter 函数字面量？

因为 Object.defineProperties 要求每个属性描述符必须是完整对象，而 getter 必须作为 get 字段存在，且该字段值必须是函数——但你不能在字面量里写 get: () => { return this._x } 这种箭头函数，否则 this 会绑定错（指向全局或 undefined）。更常见的是漏掉 configurable 或 enumerable，导致后续无法重定义或遍历时不可见。

正确做法是显式声明每个描述符为对象，并确保 get 是普通函数（保留词法 this 绑定）：

const obj = {};
Object.defineProperties(obj, {
  name: {
    get() { return this._name; },
    set(val) { this._name = String(val); },
    configurable: true,
    enumerable: true
  },
  id: {
    get() { return this._id ?? 0; },
    configurable: false,
    enumerable: false
  }
});
obj._name = 'Alice';
obj._id = 123;
console.log(obj.name); // 'Alice'
console.log('id' in obj); // true（可访问），但 for...in 不会遍历到它

getter 描述符中 this 指向的实际来源

在 get() 函数内，this 指向的是调用该 getter 的**目标对象本身**，不是定义时的上下文。也就是说，它和你在对象字面量里写 get name() { return this._name } 行为一致。

如果把该描述符复制给另一个对象（比如用 Object.assign），getter 不会自动迁移——Object.defineProperties 是“定义到目标对象上”，不是“创建可复用描述符模板”
若目标对象是 null 原型（Object.create(null)），this 仍是该对象，只是它没有继承属性
不要在 get 里依赖闭包变量来模拟私有状态；真要封装，请用 Symbol 或 WeakMap 配合构造函数

与 Object.defineProperty 对比：何时必须用 defineProperties？

当你需要一次性配置多个带 getter 的属性，且它们之间有依赖关系（比如一个 getter 读另一个 getter 的返回值），就该用 Object.defineProperties。否则单个属性用 Object.defineProperty 更轻量、意图更清晰。

注意这两个 API 的参数结构差异：

Object.defineProperty(obj, key, descriptor) —— 一次一个键
Object.defineProperties(obj, descriptors) —— 第二个参数是键名到描述符对象的映射（plain object），不是数组
如果 descriptors 中某个键对应 undefined，该属性会被忽略（不报错），但不会被定义
所有描述符都会立即生效，不存在“批量原子性”；中途抛错，前面已定义的属性仍保留