【JavaScript】defineProperty 对象属性

JS 对象的可枚举性指的是对象的某些属性是否可以被 JSON.stringify()、 for…in 循环、Object.keys()、Object.values() 和 Object.entries() ⽅法枚举到。

每个对象属性都有⼀个名字和一个属性描述符，这个属性描述符⾥⾯包括了该属性的许多特性，如可枚举性、可写性、可配置性和值等。

默认情况下，使⽤字⾯量或Object()构造函数创建的对象的所有属性都是可枚举的，可以使⽤
Object.defineProperty或Object.defineProperties()来设置enumerable特性为false，设置其不
可枚举。

• Object.defineProperty()作⽤：⽤来定义⼀个新的属性或者修改原有的属性
• Object.defineProperties()作⽤：⽤来定义或修改多个属性

它们接收三个参数：1、obj对象；2、prop：要定义或修改的属性名称；3、descriptor：要定
义或修改的属性描述符 descriptor的属性描述符包括的特性有：

1. value：属性的值，默认为undefined
2. writable：属性是否可写，默认为false
3. enumerable：属性是否可枚举，默认为false
4. configurable：属性是否可配置，默认为false
5. get：获取属性值的⽅法
6. set：设置属性值的⽅法

var o = { a: 1, b: 2 };
o.c = 3;
Object.defineProperty(o, "d", {
  value: 4,
  enumerable: false,
});
console.log(o.d); // 4
for (var key in o) { console.log(o[key]) };
// 1 2 3
console.log(Object.keys(o)); //['a','b','c']
console.log(JSON.stringify(o)); //"{a:1,b:2,c:3}"

⾄于 for…in 循环和 Object.keys ⽅法的区别，在于前者包括对象继承⾃原型对象的属性，⽽后者只包括对象本身的属性。有些内置对象的属性是不可枚举的，例如 Object.prototype 上的属性，这些属性可以通过 Object.getOwnPropertyNames() ⽅法获取。

以下示例是定义一个访问器属性(相当于拦截器的用法)：

const obj = {
  _myProperty: 0
};

Object.defineProperty(obj, 'myProperty', {
  get() {
    return this._myProperty;
  },
  set(value) {
    this._myProperty = value;
  },
  enumerable: true,
  configurable: true
});

obj.myProperty = 42;
console.log(obj.myProperty); // 输出: 42

我们在 obj 对象上定义了一个名为 myProperty 的访问器属性。当我们获取该属性的值时，会调用 get 函数；当我们设置该属性的值时，会调用 set 函数。这样，我们就可以精确地控制该属性的行为。