Javascript 中的引用类型（2）—— 理解对象

面向对象的语言有一个标志，那就是它们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。ECMAScript 中没有类的概念，因此它的对象也与基于类的语言中的对象有所不同。

ECMA - 262 把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”严格来讲，这就相当于说对象是一组没有特定顺序的值。对象的每个属性或方法都有一个名字，而每个名字都映射到一个值。正因为这样，我们可以把ECMAScript 的对象想象成散列表：无非就是一组名值对，其中值可以是数据或函数。

上一节曾经介绍过，创建自定义对象的最简单方式就是创建一个 Object 的实例，然后再为它添加属性和方法，如：

var person = new Object();
person.name = "Xqlun";
person.age = 29;
person.job = "Software Engineer";
person.sayName = function() {
      alert(this.name);
};

或者可以使用对象字面量语法：

var person = {
      name: "Xqlun",
      age: 29,
      job: "Software Engineer",
      sayName: function () {
            alert(this.name);
      }
};

这2个例子中的person对象是一样的，都具有相同的属性和方法。这些属性在创建时都带有一些特征值（characteristic），Javascript 通过这些特征值来定义它们的行为。ECMA - 262 第5版在定义只有内部才用的特性（attribute）时，描述了属性（property）的各种特征。ECMA - 262 定义这些特性是为了实现 Javascript 引擎用的，因此在 Javascript 中不能直接访问它们。为了表示特性是内部值，该规范把它们放在了两对儿方括号中，例如 [[Enumerable]]。

ECMAScript 中有两种属性：数据属性和访问器属性

1. 数据属性

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

• [[Configurable]]：表示能否通过 delete 删除属性从而重新定义属性，能否修改属性的特性，或者能否把属性改为访问器属性。默认值为 true。
• [[Enumerable]]：表示能否通过 for - in 循环返回属性。默认值为 true 。
• [[Writable]]：表示能否修改属性的值。默认值为 true。
• [[Value]]：包含这个属性的数据值。读取属性值的时候，从这个位置读；写入属性值的时候，把新值保存在这个位置。默认值为 undefined。

要更改属性默认的特性，必须使用 ECMAScript 5 的Object.defineProperty() 方法。这个方法接收三个参数：属性所在对象、属性的名字和一个描述符对象。其中，描述符 （descriptor）对象的属性必须是：configurable、enumerable、writable和value。设置其中的一个或多个值，可以修改对应的特性值。例如：

var person = {};
Object.defineProperty(person, "name", {
      writable: false,
      value: "Xqlun"      
});

alert(person.name);  // "Xqlun"
person.name = "Yyong";
alert(person.name); // "Xqlun"

类似的规则也适用于不可配置的属性。例如：

var person = {};
Object.defineProperty(person, "name", {
      configurable: false,
      value: "Xqlun"
});

alert(person.name); // "Xqlun"
delete person.name;
alert(person.name); // "Xqlun"

把 configurable 设置为 false，表示不能从对象中删除属性。如果对这个属性调用 delete，则在非严格模式下什么也不会发生，而在严格模式下会导致错误。而且，一旦把属性定义为不可配置的，就不能再把它变回可配置了。此时，再调用 Object.defineProperty() 方法修改除 writable 之外的特性，都会导致错误。在调用Object.defineProperty() 方法时，如果不指定，configurable、enumerable和writable 特性的默认值都是 false。

2. 访问器属性

访问器属性不包含数据值，它们包含一对儿 getter 和 setter 函数，在读取访问器属性时，会调用 getter 函数，这个函数负责返回有效的值；在写入访问器属性时，会调用 setter 函数并传入新值，这个函数负责决定如何处理数据。访问器属性有如下4个特性：

• [[Configurable]]：表示能否通过 delete 属性属性从而重新定义属性，能否修改属性的特性，或者能否把属性修改为数据属性。默认值为 true。
• [[Enumerable]]：表示能否通过 for - in 循环返回属性。默认值为 true。
• [[Get]]：在读取属性时调用的函数。默认值为 undefined。
• [[Set]]：在写入属性时调用的函数。默认值为 undefined。

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

var book = {
      _year: 2004,
      edition: 1
};

Object.defineProperty(book, "year", {
      get: function () {
            return this._year;
      },
      set: function (newValue) {
            if (newValue > 2004) {
                  this._year = newValue;
                  this.edition += newValue - 2004;
            }
      }
});

book.year = 2005;
alert(book.edition); // 2

不一定非要同时指定 getter 和 setter。只指定 getter 意味着属性是不能写，尝试写入属性会被忽略。在严格模式下，尝试写入只指定了 getter 函数的属性会抛出错误。类似的，只指定 setter 函数的属性也不能读，否则在非严格模式下会返回 undefined，而在严格模式下会抛出错误。

支持 ECMAScript 5 的这个方法的浏览器有 IE9+（IE8 只是部分实现）、Firefox 4+、Safari 5+、Opera 12+和Chrome。在这个方法之前，要创建访问器属性，一般都使用两个非标准的方法：__defineGetter__() 和__defineSetter__()。这两个方法最初是由 Firefox 引入的，后来 Safari 3、Chrome 1 和 Opera 9.5 也给出了相同的实现。例如：

var book = {
      _year: 2004,
      edition: 1
};

book.__defineGetter__("year", function () {
      return this._year;
});

book.__defineSetter__("year", function(newValue) {
      if (newValue > 2004) {
            this_year = newValue;
            this.edition += newValue - 2004;
      }
});

book.year = 2005;
alert(book.edition); // 2

在不支持 Object.defineProperty() 方法的浏览器中不能修改 [[Configurable]] 和 [[Enumerable]]。