javascript属性类型

javascript一共有三种类型的属性:


普通属性: 这种类型的属性是赋给它们什么，它们就返回什么，不会做额外的事情:
          var obj = {}
 obj.name="Tom"
 alert(obj.name);//1


内部属性:比如数组的length属性，函数的prototype属性，DOM节点的innerHTML属性，用户对它们进行赋值之后，再取值时，它不一定按照我们的预期做事，此外还会做一些额外的事情。另外，我们也很难改变它们的行为。比如说某一个数组，它的长度是10，当我们设置它为11时，它就会增加一个undefined元素，再设置为9时，就会从后面删除掉两个元素。再比如，函数的prototype如果被改变，相当于将其父类改变了，会new不同类型的实例。又例如：DOM的innerHTML，我们赋值时是一个字符串，再取出时，这个字符串可能与原来的不一样，并且在原元素上生成了不一样的子节点。




访问器属性：IE8+新添加的语言特征，允许用户在赋值或取值都经过预先设定的函数，从而实现内部属性的那种特殊效果。比如说我们能让一个属性无法赋值，取值时都返回1000；让一个属性在赋值时，会执行另一处的方法...


    设置访问器属性
方式一:
HTMLElement.prototype.__defineGetter__("description", function() {
    return this.desc
})
HTMLElement.prototype.__defineSetter__("description", function(val) {
   this.desc = val
})
document.body.description = "Beautiful body"

方式二:
var obj = function(){}
obj.prototype ={
get location(){
return this.loc;
},
set location(val){
this.loc =val;
}
};

var a = new obj();
a.location ="hehe";
alert(a.location);//hehe


方式三:
  var bVal = 38;
Object.defineProperty(o,'b',{
get:function(){
return bVal;
},
set:function(newVal){
bVal = newVal;
},
enumerable:true,
configurable:true;

});
o.b;//38