标签：ES5 set eage value 访问 eric 属性

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()内部验证新值是否符合要求，只有符合要求的新值，才会被放入被保护的属性中

标签：ES5,set,eage,value,访问,eric,属性
来源： https://www.cnblogs.com/CarlaZhou/p/14896917.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。