浅谈Javascript数据属性与访问器属性

var emp = {

name:'tom'

};

 

Object.defineProperty(emp,'name',{

writable:false

});

emp.name = 'jery';
console.log(emp.name);//输出tom，因为已经设置了writable为false



Object.defineProperty(emp,'age',{

configurable:false,

writable:true,

value:22

});

console.log(emp.age);//输出22，因为设置了value为22

emp.age = 25;

console.log(emp.age);//输出25，设置了writable为true

delete emp.age;

console.log(emp.age);//输出25，设置了configurable为false，此属性删除不了

var emp ={

_name:'tom',

_age:20

};



Object.defineProperty(emp,'name',{

get:function(){

return this._name;

}

});

console.log(emp.name);//输出tom，由get方法返回_name的值

emp.name = 'jery';

console.log(emp.name);//输出tom，没有set方法，修改不了_name的值

 

Object.defineProperty(emp,'age',{

configurable:true,

get:function(){

 return this._age;

}

set:function(age){

this._age = age;

}

});

emp.age = 25;
console.log(emp.age)//输出25，emp.age=25是使用set方法将25赋值给_age，emp.age是使用get方法将_age的读取出来

delete emp.age;

console.log(emp.age);//输出undefined，configurable为true，可以使用delete方法将emp.age属性删除