js访问器属性

181 阅读2分钟

保护对象

问题: 想要自定义的规则保护一个对象时,单靠属性自带的开关是无法实现的 解决:

  • 今后只要使用自定义规则灵活保护属性时,都用访问器属性。
  • 什么是访问器属性:不实际保存属性值,仅提供对另一个数据属性的保护!

如何定义? 2步

  1. 新建不同名称的半隐藏属性,实际保存属性值
    
Object.defineProperty(对象,"小黑屋",{
    value:"原对象的原属性值转移到这里藏起来",
    writable:true, //可以读
    enumerable:false, //不可修改
    configurable:false
})
  1.  改造原属性成为一个访问器属性(替身+保镖)
    
Object.defineProperty(对象,"原属姓名",{
    get:function(){
        return this."小黑屋";
    },
    set:function(value){
        if(value符合要求){
            return this."小黑屋"
        }else{
            不保存,且报错
        }
    }
})

  1. 外界如何获取属性:和使用普通属性完全一样
    1. 获去属性值:对象.访问器属性 地层:自动调用访问器属性内部的set()方法,从受保护的小黑屋属性中取出真是属性值返回给外部----外界毫不知情!
    2. 修改属性值:对象.访问器属性=新值 底层:自动调用访问器属性内部的set()方法,同时把新值传给set函数的形参value.在set()内部验证新值是否符合要求,只有符合的新值才会保存到小黑屋属性中.
  2. 访问器属性,除了保护兑现属性之外,其实也能起到监视的作用.无论是读取属性值,还是修改属性值,咱们都可以随时知道.
  3. 总结,今后只要在控制台中看到对象中(...)这样的属性就都是访问器属性 !只要是访问器属性,都有两个函数:get()+set();