面向对象的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。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]]。