在 JavaScript 中，对象属性可分为 data 属性和访问器属性两种。ES8 引入了对象定义属性访问器的新特性。它使得程序员可以更容易、更自然地定义属性的 getter 和 setter 方法，增加对象的灵活性和可维护性。

Getter 和 Setter 方法

在 ES5 中，我们使用 Object.defineProperty 方法来定义对象的 getter 和 setter 方法：

// javascriptcn.com 代码示例
var obj = {
  _name: "",
  get name() {
    return this._name;
  },
  set name(value) {
    this._name = value;
  }
};

在此例中，我们使用 get 和 set 关键字来定义对于 name 属性的 getter 和 setter 方法，每次对该属性进行访问时都会调用对应的 getter 或 setter 方法。

定义属性访问器

在 ES8 中，我们可以使用更加简洁的方式来定义对象的属性访问器。例如，我们可以使用以下方法创建一个新的对象来定义访问器属性：

let obj = {
  get name() {
    return this._name;
  },
  set name(value) {
    this._name = value;
  }
};

在此例中，我们直接定义了一个对象，包含两个函数，分别为 get 和 set。这两个函数的名称与属性名称相同。

我们可以类比定义数据属性的方式定义属性访问器：

// javascriptcn.com 代码示例
let obj = {
  firstName: "",
  lastName: "",
  get name() {
    return this.firstName + " " + this.lastName;
  },
  set name(value) {
    let parts = value.split(" ");
    this.firstName = parts[0];
    this.lastName = parts[1];
  }
};

在此例中，我们定义了一个对象 obj，拥有 firstName 和 lastName 两个属性。此外，我们还定义了一个访问器属性 name，其中的 getter 方法返回 firstName 和 lastName 的拼接结果，并将 setter 方法通过处理输入值的方式改变 firstName 和 lastName 的值。

总结

对象定义属性访问器是 ES8 中的一个新特性，为程序员提供了更加简洁、自然的方式来定义属性的 getter 和 setter 方法，增加了代码的可读性、可维护性和灵活性。

除此之外，这种方法的使用也更加符合 JavaScript 开发中的函数式编程思想。我们应该在代码编写过程中充分利用这种特性来编写优雅、灵活的代码。

示例代码

// javascriptcn.com 代码示例
let obj = {
  firstName: "",
  lastName: "",
  get name() {
    return this.firstName + ' ' + this.lastName;
  },
  set name(value) {
    let parts = value.split(' ');
    this.firstName = parts[0];
    this.lastName = parts[1];
  }
};
obj.name = 'Foo Bar';
console.log(obj.firstName); // Foo
console.log(obj.lastName); // Bar
console.log(obj.name); // Foo Bar

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65385c657d4982a6eb11a198