Object.defineProperty()方法原理及详解

1. 简介

Object.defineProperty() 方法允许您向对象添加或修改属性并完全控制该属性的各个方面，包括它的值、可枚举性、可配置性和可写性。

Object.defineProperty() 方法的语法如下：

Object.defineProperty(obj, prop, descriptor)

其中：

• obj 是要添加或修改属性的对象。
• prop 是要添加或修改的属性的名称。
• descriptor 是要应用于该属性的属性符。

属性符是一个对象，可以包含以下属性：

• value ：属性的值。
• enumerable ：一个布尔值，指示该属性是否可以被for-in循环枚举。
• configurable ：一个布尔值，指示该属性是否可以被重新定义或删除。
• writable ：一个布尔值，指示该属性的值是否可以被修改。

2. 用法

要使用Object.defineProperty() 方法，您需要先创建一个属性描述符对象。然后，您可以使用Object.defineProperty() 方法将该属性描述符应用于对象。

例如，以下代码将创建一个名为**"name"** 的属性，并将它的值设置为**"John Doe"** ：

const obj = {};
Object.defineProperty(obj, "name", { value: "John Doe" });

现在，您可以使用点号运算符访问**"name"** 属性：

console.log(obj.name); // John Doe

3. 示例

以下是一些使用Object.defineProperty() 方法的示例：

• 创建只读属性：

const obj = {};
Object.defineProperty(obj, "name", { value: "John Doe", writable: false });

• 创建不可枚举属性：

const obj = {};
Object.defineProperty(obj, "name", { value: "John Doe", enumerable: false });

• 创建不可配置属性：

const obj = {};
Object.defineProperty(obj, "name", { value: "John Doe", configurable: false });

• 创建存取器属性：

const obj = {};
Object.defineProperty(obj, "name", {
  get: function() {
    return "John Doe";
  },
  set: function(newValue) {
    console.log("New value: " + newValue);
  }
});

4. 结论

Object.defineProperty() 方法是一个强大的工具，可以用于向对象添加或修改属性并完全控制该属性的各个方面。这使得您可以创建出具有更复杂行为的对象，从而使您的代码更灵活和可重用。