e6数据保护

代码会说话：

{//es3数据保护

var Person=function(){

var data={

name:'es3',

sex:'male',

age:15

}

this.get=function(key){

return data[key];

}

this.set=function(key,value) {

if(key!=='sex'){

return data[key]=value

}

}

}

//声明一个实例

var person=new Person();

//读取

console.table({name:person.get('name'),sex:person.get('sex'),age:person.get('age')});//es3,male,15

//修改name

person.set('name','es3-cname');

console.table({name:person.get('name'),sex:person.get('sex'),age:person.get('age')});//es3-cname,male,15

//修改sex 修改不了

person.set('sex','female');

console.table({name:person.get('name'),sex:person.get('sex'),age:person.get('age')});//es3,male,15

}

{//es5数据保护 即只读效果

var Person={

name:'es5',

age:15,

}

Object.defineProperty(Person,'sex',{//会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性 并返回这个对象

writable:false,//只读起到保护作用

value:'male'

});

console.table({name:Person.name,age:Person.age,sex:Person.sex});//es5 15 male

Person.name='es5-cname';

console.table({name:Person.name,age:Person.age,sex:Person.sex});//只读属性修改无效 es5-cname 15 male

Person.sex='female';

console.table({a:1,name:Person.name,age:Person.age,sex:Person.sex});//只读属性修改无效 es5 15 male

try{//出问题时不耽误下面的执行

Person.sex='female';

    console.table({name:Person.name,age:Person.age,sex:Person.sex});

} catch(e){

console.log(e);

} finally {

}

}

{//es6数据保护 对象代理 放在中间层去写 程序的可控性强

let Person={

name: 'es6',

age: 15,

sex:'male'

};

let person=new Proxy(Person,{//person是暴露给用户操作的对象 把上面的Person保护起来 以后操作的是person 中间代理； Proxy方法传入的大Person是被代理者 Proxy的意思也是将person和Person联系起来 以后所有的限制都可以放在这个中间层来做

get(target,key){//这个get方法类似es5中的getter和setter 读取操作 target指的是person  key参数是对象里的属性

return target[key]

},

set(target,key,value){

if(key!=='sex'){

target[key]=value;

}

}

})

console.table({name:Person.name,age:Person.age,sex:Person.sex})//es6 15 male

try{

person.sex='female';

person.name='es6-cname';

} catch (e){

console.log(e);

} finally {

}

console.log({name:person.name,age:person.age,sex:person.sex})//es6-cname 15 male

console.log({name:Person.name,age:Person.age,sex:Person.sex})//es6-cname 15 male

}

 整理以自鉴 不喜请补充～ 嗯嘛