js的两种属性

js中包括两种属性：数据属性和访问器属性

1.数据属性

数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有 4 个描述其行为的特性。

[[Configurable]] :表示能否通过 delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为访问器属性。它们的这个特性默认值为 true 。

[[Enumerable]] :表示能否通过 for-in 循环返回属性。像前面例子中那样直接在对象上定义的属性,它们的这个特性默认值为 true 。
[[Writable]] :表示能否修改属性的值。像前面例子中那样直接在对象上定义的属性,它们的这个特性默认值为 true 。
[[Value]] :包含这个属性的数据值。读取属性值的时候,从这个位置读;写入属性值的时候,把新值保存在这个位置。这个特性的默认值为 undefined 。

2.访问器属性

访问器属性不包含数据值;它们包含一对儿 getter 和 setter 函数(不过,这两个函数都不是必需的)。在读取访问器属性时,会调用 getter 函数,这个函数负责返回有效的值;在写入访问器属性时,会调用setter 函数并传入新值,这个函数负责决定如何处理数据。访问器属性有如下 4 个特性。

[[Configurable]] :表示能否通过 delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为数据属性。对于直接在对象上定义的属性,这个特性的默认值为 true 。
[[Enumerable]] :表示能否通过 for-in 循环返回属性。对于直接在对象上定义的属性,这个特性的默认值为 true 。
[[Get]] :在读取属性时调用的函数。默认值为 undefined 。
[[Set]] :在写入属性时调用的函数。默认值为 undefined 。

访问器属性不能直接定义,必须使用 Object.defineProperty() 来定义。

数据属性是可以获取和设置值得属性，描述符中包含value和writable。
访问器属性只要设置或检索属性值，其就会调用用户提供的函数。
这是数据属性和访问器属性的作用概括。

var text = {}; 
text={ 
    age:21, 
    size:41 
}; 
Object.defineProperty(text,"age_",{ 
    get:function() 
    { 
        return this.age+4; 
    }, 
    set:function(value) 
    { 
	this.age = value; 
    } 
}); 
alert(text.age_);
text.age_=2005;
alert(text.age_);

有时候一个对象会定义多个属性,用Object.defineproperty()方法比较麻烦，ECMAScript定义了Object.defineproperties()方法，接受两个对象参数：第一个参数是要修改的对象，第二个参数是该对象要修改或添加的属性，具体用法可以见以下代码：

var student = {};
Object.defineProperties(student,{
    year: {
        value: 2004,
        writable:false
    },
    age: {
        value: 21,
        writable:true
    },
    id: {
        value: 5,
        writable: true
    },
    sex: {
        get: function()
            {
                 if(this.id%2==1)
                 {
                   return "男";
                 }
                 else{
                   return "女"; 
                 }

            },
        set: function(value)
            {
                 this.id=value+this.id;

            }

         }

});
alert(student.year);
student.year=2008;
alert(student.year);
alert(student.age);
student.age=28;
alert(student.age);
alert(student.sex);
student.sex=3;
alert(student.id);
alert(student.sex);

参考：JavaScript高级程序设计(第3版)