码迷,mamicode.com
首页 > 其他好文 > 详细

ES5中的访问器属性

时间:2021-06-18 19:00:56      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:name   OLE   UNC   另一个   property   err   包含   除了   return   

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中的访问器属性

标签:name   OLE   UNC   另一个   property   err   包含   除了   return   

原文地址:https://www.cnblogs.com/CarlaZhou/p/14896917.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!