揭秘JavaScript对象的属性描述符，掌握全面解析之道！

2023-11-23 01:15:43

好的，请看以下文章：

在JavaScript的世界里，对象是不可或缺的基本元素。对象由属性和方法组成，属性是对象内部的数据信息，方法是对象可以执行的操作。属性符就像是一本护照，详细记录了属性的各项信息，包括属性名、属性值、可读可写属性、可枚举属性等。

在以下代码示例中，我们使用Object.getOwnPropertyDescriptor()方法来查看属性的属性符：

const obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

const descriptor = Object.getOwnPropertyDescriptor(obj, 'name');
console.log(descriptor);

输出结果如下：

{
  value: 'John',
  writable: true,
  enumerable: true,
  configurable: true
}

value：属性的值，在本例中为'John'。

writable：指示属性是否可写，如果为true，则属性值可以被更改，否则不能被更改。

enumerable：指示属性是否可枚举，如果为true，则属性将显示在for...in循环中，否则不会显示。

configurable：指示属性的描述符是否可修改，如果为true，则可以使用Object.defineProperty()方法修改属性的描述符，否则不能修改。

属性描述符不仅可以用于查看属性的信息，还可以用于修改属性的行为。例如，我们可以使用Object.defineProperty()方法来设置属性的描述符，从而控制属性的访问和操作权限。

const obj = {};

Object.defineProperty(obj, 'name', {
  value: 'John',
  writable: false,
  enumerable: true,
  configurable: false
});

obj.name = 'Mary'; // 报错：TypeError: Cannot assign to read-only property 'name'

console.log(obj.name); // 输出：John