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);

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