Object.defineProperty()：打开神秘的 JavaScript 数据属性之门

前端

2023-12-17 13:40:15

当我们踏上JavaScript进阶之旅，势必会与属性符不期而遇，而Object.defineProperty()函数便是操纵属性符的利器。它能够赋予我们对对象属性的完全掌控权，让我们可以设置和修改属性的特性和行为。

Object.defineProperty()函数接受三个参数：

要定义或修改的属性的名称。
将被定义或修改的属性描述符。
一个布尔值，表示是否应该修改只读属性的特性。

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

value： 属性的值。
writable： 一个布尔值，表示属性是否可写。
enumerable： 一个布尔值，表示属性是否可枚举。
configurable： 一个布尔值，表示属性是否可配置。

我们可以使用Object.defineProperty()函数来创建数据属性和访问器属性。数据属性具有值，而访问器属性则没有值，而是由getter和setter方法定义。

创建数据属性的代码如下：

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

创建访问器属性的代码如下：

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