JavaScript之Object.defineProperty

前端

2023-12-12 22:20:03

数据符

数据符是一个具有值的属性，该值可以是可写的，也可以是不可写的。数据描述符由以下三个属性组成：

value：该属性对应的值。可以是任何有效的JavaScript值（数值，对象，函数等）。默认为 undefined。
writable：该属性是否可写。默认为 false。
configurable：该属性是否可配置。默认为 false。

存取描述符

存取描述符是由 getter 函数和 setter 函数所描述的属性。存取描述符由以下三个属性组成：

get：该属性的 getter 函数。默认为 undefined。
set：该属性的 setter 函数。默认为 undefined。
configurable：该属性是否可配置。默认为 false。

getter 函数

getter 函数用于获取属性的值。当访问一个具有 getter 函数的属性时，会调用 getter 函数来获取属性的值。

setter 函数

setter 函数用于设置属性的值。当向一个具有 setter 函数的属性赋值时，会调用 setter 函数来设置属性的值。

configurable 属性

configurable 属性决定了属性是否可以被重新定义或删除。如果 configurable 属性为 true，则属性可以被重新定义或删除；如果 configurable 属性为 false，则属性不能被重新定义或删除。

enumerable 属性

enumerable 属性决定了属性是否可以在 for-in 循环中被枚举。如果 enumerable 属性为 true，则属性可以在 for-in 循环中被枚举；如果 enumerable 属性为 false，则属性不能在 for-in 循环中被枚举。

使用示例

以下示例演示了如何使用 Object.defineProperty() 方法来定义一个数据描述符：

const obj = {};

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

console.log(obj.name); // John Doe
obj.name = 'Jane Doe'; // TypeError: Cannot assign to read-only property 'name'

以下示例演示了如何使用 Object.defineProperty() 方法来定义一个存取描述符：

const obj = {};

Object.defineProperty(obj, 'age', {
  get() {
    return this._age;
  },
  set(value) {
    if (value < 0) {
      throw new Error('Age cannot be negative');
    }
    this._age = value;
  },
  configurable: true
});

obj.age = 25;
console.log(obj.age); // 25
obj.age = -1; // Error: Age cannot be negative