ES中保护对象的措施总结

必要性:  JS中的对象可随意修改属性值，可随意添加删除属性,太乱,数据安全得不到保障。

如何保护:

保护属性: 保护对属性值的修改

对象属性分为:

命名属性: 可直接用.访问到的属性

数据属性: 直接存储属性值的属性

如何保护: 四大特性:

value: 实际存储属性值

writable: 控制属性是否可修改

enumerable: 控制属性是否可被遍历

仅控制遍历，无法控制用.访问

configurable: 控制是否可删除属性

控制是否可修改其他两个特性

强调: configurable经常作为前两个属性的双保险，且一旦设为false，不可逆！

如果查看四大特性:

　　

Object.getOwnPropertyDescriptor(obj,"属性名")

如何修改四大特性:

Object.defineProperty(obj,"属性名",{

特性:值,

特性:值,

... ...

})

问题: defineProperty一次只能修改一个属性

解决: 同时修改多个属性:

Object.defineProperties(obj,{

属性名:{ 要修改的特性 },

属性名:{ 要修改的特性 },

... : ...

})

问题: 无法使用自定义逻辑保护属性

解决:

访问器属性: 不直接存储属性值

仅提供对其他数据属性的保护

何时: 只要用自定义逻辑保护属性时

如何: 2步:

1. 定义一个隐藏的数据属性实际存储属性值

2. 添加访问器属性保护隐藏的数据属性:

Object.defineProperty(obj,"属性名",{

get(){//在试图获取属性值时自动调用

//返回受保护的数据属性值

},

set(val){//在试图修改属性值时自动调用

//参数val会自动获得要修改的新值

//如果验证val符合规则

//才将val赋值给受保护的属性

//否则

//报错！

},

enumerable:true,

configurable:false

})

如何使用访问器属性: 同普通属性用法完全一致

其中赋值时，自动调用set，取值时自动调get

内部属性: 不能用.直接访问的隐藏属性

__proto__

防篡改: 保护对对象结构的修改

3个级别:

1. 防扩展: 禁止添加新属性

Object.preventExtensions(obj)

原理: 每个obj内部都有一个隐藏属性:

Extensible，默认为true

preventExtensions将obj的Extensible改为false

2. 密封: 在防扩展基础上，进一步禁止删除现有属性

Object.seal(obj)

原理: 修改obj的Extensible为false

将所有属性的configurable都改为false

3. 冻结: 在密封基础上禁止修改任何值

Object.freeze(obj)

原理: 修改obj的Extensible为false

将所有属性的configurable都改为false

还将所有属性的writable都改为false

Object.create(): 可直接用一个父对象创建一个子对象。

如何: var child=Object.create(father,{

自有属性:{

value:值,

writable:true,

enumerable:true,

configurable:true,

},

... : {

...

}

});

强调: 只要添加到对象中的属性，四大特性默认为false，必须显式写为true。

　　

例子:

 "use strict";

  var emp={
    id:1001,     //禁止修改
    ename:"eric",//禁止删除
    salary:12000 //禁止遍历
  }
  //禁止修改id的值
  //禁止删除ename:
  //禁止遍历salary:
  Object.defineProperties(emp,{
    id:{
      writable:false,
      configurable:false
    },
    ename:{configurable:false},
    salary:{
      enumerable:false,
      configurable:false
    }
  });
//  Object.defineProperty(emp,"id",{
//    writable:false,
//    configurable:false//不可逆
//  });
//  Object.defineProperty(emp,"ename",{
//    configurable:false//不可逆
//  });
//  Object.defineProperty(emp,"salary",{
//    enumerable:false,
//    configurable:false//不可逆
//  });

//  Object.defineProperty(emp,"id",{
//    writable:true,
//    configurable:true
//  });
//  emp.id=1002;

//  delete emp.ename;
  console.dir(emp);
  for(var key in emp){
    console.log(key+":"+emp[key]);
  }
  console.log(emp.salary);
  console.log(
    Object.getOwnPropertyDescriptor(
      emp,"id"//ename//salary
    )
  );

"use strict";
  var config={
    IP:"192.168.0.100",
    PORT:27017,
    USER:"admin",
    PWD:"123456"
  }
  Object.freeze(config);
  //config.PORT=8080;
  delete config.PORT;

var emp={id:1001,ename:"eric",_age:23};
  Object.defineProperty(emp,"_age",{
    enumerable:false,
    configurable:false
  });
  //要求:age必须介于18~65之间
  Object.defineProperty(emp,"age",{
    get(){
      console.log("自动调用get");
      return this._age
    },
    set(val){
      console.log("自动调用set");
      if(val>=18&&val<=65)
        this._age=val;
      else
        throw new RangeError("年龄必须介于18~65之间")
    },
    enumerable:true,
    configurable:false
  });
  //访问器属性的用法和普通属性完全一致
  emp.age++;
  console.dir(emp);
  emp.age=-2;

  var father={
    bal:10000000000,
    car:"infiniti"
  }
  var hmm=Object.create(father,{
    phone:{
      value:"IPhone 8 Plus",
      writable:true,
      enumerable:true,
      configurable:true
    },
    bao:{
      value:"LV",
      writable:true,
      enumerable:true,
      configurable:true
    }
  });
  console.dir(hmm);