ES5——访问器属性

一、描述

自己不存值，只提供对另一个属性（单个属性）的保护功能。除了保护对象属性，同时还起到监视的作用，无论是读取属性值还是修改属性值都能被监听。访问器属性在控制台的对象中以(...)这样的形式存在，其中必定包含get()和set()函数。

二、使用场景

只要想使用自定义规则保护属性，就都要用访问器属性。

三、代码演示

var eric = {
  ename: '埃里克',
  eage: 25
}
// 规定：年龄可以修改，但是必须介于18~65之间
// 1. 定义访问器属性
Object.defineProperty(eric, 'age', {
  value: eric.eage,
  writable: true,
  enumerable: false,
  configurable: false
});
Object.defineProperty('eric', 'eage', {
  get: function () {
    return this.age;
  },
  set: function (value) {
    if (value >= 18 && value <= 65) {
      this.age = value;
    } else {
      throw Error('年龄超范围!');
    }
  },
  enumerable: true,
  configurable: false
});
// 2. 使用访问器属性
console.log(eric.eage); // 底层自动调用eric.eage中的get()方法，从受保护的属性中取出真实属性值，返回给外部
eric.eage = 26; // 底层自动调用eric.eage中的set()方法，同时自动把新值传给set函数的形参value。在set()内部验证新值是否符合要求，只有符合要求的新值，才会被放入被保护的属性中