其他分享
首页 > 其他分享> > ES5中的访问器属性

ES5中的访问器属性

作者:互联网

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