如何在ES5中使用对象的getter和setter方法？

翻滚的胖子
2023-08-31 09:53:32
前端技术
JavaScript PHP

在本文中，我们将学习如何在ES5中使用对象的getter和setter方法。这些方法允许我们定义对象属性的读取和设置行为，使我们能够更好地控制属性的访问。

getter方法

getter方法用于获取对象属性的值。我们可以通过定义getter方法来自定义属性的读取行为。

var person = {
  firstName: 'John',
  lastName: 'Doe',
  get fullName() {
    return this.firstName + ' ' + this.lastName;
  }
};
 
console.log(person.fullName); // 输出：John Doe

在上面的例子中，我们定义了一个person对象，该对象有一个fullName属性，这个属性是通过getter方法来获取的。当我们访问fullName属性时，getter方法会被调用，并返回firstName和lastName的组合。

setter方法

setter方法用于设置对象属性的值。我们可以通过定义setter方法来自定义属性的设置行为。

var person = {
  firstName: '',
  lastName: '',
  set fullName(name) {
    var parts = name.split(' ');
    this.firstName = parts[0];
    this.lastName = parts[1];
  }
};
 
person.fullName = 'John Doe';
 
console.log(person.firstName); // 输出：John
console.log(person.lastName); // 输出：Doe