js 通过Object.defineProperty() 定义和控制对象属性

JavaScript的Object.defineProperty()方法可以用来定义和控制对象属性的访问方式。它可以让我们在对象上定义新属性，或修改已有属性的getter和setter方法。本文将全面介绍Object.defineProperty()的使用方法及其示例。

基本用法

Object.defineProperty()方法接受三个参数：要定义属性的对象，属性的名称以及一个描述符对象。描述符对象包含以下可选键值：

• configurable：如果为 true，则该属性可以被删除，以及修改属性的特性（如修改 configurable 为 false 后，再将其修改为 true 就不再允许）。若为 false，则该属性特性不可被修改，且其不能被删除；
• enumerable：如果为 true，则该属性可以被枚举（即出现在 for...in 或 Object.keys() 中），否则不可以;
• value：该属性对应的值。可以是任何有效的JavaScript类型（数字，布尔型，对象等）；
• writable：如果为 true，则该属性可以修改，否则不可以（类似于常量或只读属性）；
• get：读取该属性的时候调用的函数，可以是getter函数、计算属性等，但不能与 value 同时存在；
• set：设置该属性的值时调用的函数，可以是setter函数，但不能与 value 同时存在。

描述符对象中的每一个键值都是可选的，如果省略某个键值，那么该属性对应的特性就会被设置为默认值 false 或者 undefined。

下面是一个用 Object.defineProperty() 定义一个新属性的示例：

const obj = {};
Object.defineProperty(obj, 'newProperty', {
  value: 'hello world'
});

console.log(obj.newProperty); // 输出 'hello world'

通过Object.defineProperty()控制对象属性的读写

我们可以使用 Object.defineProperty() 来控制对象某个属性的读写特性。例如，我们可以定义一个数字类型的 age 属性，通过getter和setter方法来保证其值始终在0至100之间：

const person = {
  firstName: 'John',
  lastName: 'Doe',
  _age: 20
};

Object.defineProperty(person, 'age', {

  get: function () {
    return this._age;
  },

  set: function (value) {
    if (value < 0 || value > 100) {
      throw new Error('Age must be between 0 and 100');
    }
    this._age = value;
  }
});

console.log(person.age); // 输出20
person.age = 30;
console.log(person.age); // 输出30
person.age = 110; // 会抛出一个错误

在上面的代码中，我们使用 Object.defineProperty() 方法来定义 person 对象的 age 属性，其中 get 和 set 方法分别用于获取和设置 age 属性的值。如果设置 age 属性的值小于0或大于100，则抛出错误。

通过Object.defineProperty()将属性设置为只读

我们可以使用 Object.defineProperty() 来控制对象某个属性的只读特性。例如，以下示例将 person 对象的 firstName 属性设置为只读，我们不能通过代码来修改该属性的值：

const person = {
  firstName: 'John',
  lastName: 'Doe'
};

Object.defineProperty(person, 'firstName', {
  writable: false
});

// 不能修改 firstName 属性的值
person.firstName = 'Alice'; // 什么也不会做
console.log(person.firstName); // 输出 'John'

在上面的代码中，我们使用 Object.defineProperty() 方法来定义 person 对象的 firstName 属性，将其特性 writable 设置为 false，这意味着该属性不能被修改。