Javascript对象的数据属性和访问器属性

之前看了Javascript Dom编程艺术，在第二章对javascript的语法功能介绍较少，于是又开始看了Javascript高级程序设计，感觉这本真是很不错啊，对知识讲解的很详细，对我这个初学者来说，很有收获。

不多说，先来谈谈对js类的体会，之前创建一个新类，赋予属性和方法，比如：

var person=new Object();    person.name="xuzhiwei";    person.showName=function(){      alert(this.name);    };    person.showName();

这样浏览器输出xuzhwei，这是以前老的方法，现在流行的创建类的方法是创建字面量方法：

var person={        name:"xuzhiwei",        showName: function () {            alert(this.name);        }    };    person.showName();

也能得到相同的结果。

然后是这次的重点，对象有两种属性：数据属性和访问器属性。

数据属性有四个：

Configurable，这个是表示能否用delete删除属性从而重新定义属性，默认值是true。

Enumerable：表示能否通过for－in循环访问属性，默认属性也是true。

Writable：表示对属性能否修改，默认还是true。

Value：表示这个属性的值是多少，因为一开始没有赋值，默认是undefined。

设置数据属性的方法是Object的方法：defineProperty，它接受三个参数：对象名字，要设置的属性名字，还有一个描述对象。

接下来看个小例子：

var person={        name:"xuzhiwei",        showName: function () {            alert(this.name);        }    };    Object.defineProperty(person,"name",{        value:"赵超",        writable:false    });    alert(person.name);

最后输出的结果是：赵超，可以发现将原来的值改变了，因为这里writable设置的是false，所以现在值是不可以修改了。

访问器属性：

get：在访问数据的时候（className.propertyName）调用的方法，默认undefined。

set：在给对象赋值的时候调用的方法，默认undefined。

访问器属性也是必须用Object的defineProperty方法调用，看下面的例子：

var person={        _name:"xuzhiwei",        editCount:0    };    Object.defineProperty(person,"name",{ //name表示接下来要访问的值,不是_name;        get: function () {            return this._name;        },        set: function (newValue) {            this._name = newValue;            this.editCount++;        }    });    alert(person.name);    person.name="李奇然";    alert(person.name+" "+person.editCount);

person对象的name由于加了_，不能直接访问，类似java的private属性。最后输出的是：李奇然 1。表示赋值也改变了editCount的值。

当然也可以只指定get，表示这个name只能读不能写，类似之前的writable：false。

当然还有defineProperties（）方法，表示一次性定义多个属性，比如：

var person = {};    Object.defineProperties(person, {        _name: {            writable: true,            value: "赵超"        },        editCount: {            writable: true,            value: 0        },        name: {            get: function () {                return this._name;            }            ,            set: function (newValue) {                this._name = newValue;                this.editCount++;            }        }    })    ;    alert(person.name);    person.name = "李奇然";    alert(person.name + " " + person.editCount);

在这个例子中，一次性定义了多个属性，运行结果和之前的一样。只不过第一个对话框显示的是赵超。