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

在本文中，我们将学习如何在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

在上面的例子中，我们定义了一个person对象，该对象有一个fullName属性，这个属性是通过setter方法来设置的。当我们给fullName属性赋值时，setter方法会被调用，并将字符串拆分为firstName和lastName，并分别设置给对应的属性。

通过使用getter和setter方法，我们可以更好地控制对象属性的访问和设置行为，使代码更加灵活和可读。

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： ES5中的数组遍历方法forEach、map和filter的使用
• 下一篇： 如何在ES5中使用工厂函数创建对象实例？