ECMAScript中有两种属性:数据属性和访问器属性。
数据属性
数据属性包含一个数据值的位置。在这个位置可以读取和写入值。数据属性有4个描述其行为的特性。
对于前面例子中那样直接在对象上定义的属性,它们的[[Configurable]]、[[Enumerable]]和[[Writable]]特性都被设置为true,而[[Value]]特性被设置为指定的值。例如:
var person = { name:"Tom" }
这里创建了一个名为name的属性,为它指定的只是“Tom”。也就是说,[[Value]]特性将被设置为“Tom”,而对这个值得任何修改都将反映在这个位置。
要修改属性默认的特性,必须使用ECMAScript5的Object.defineProperty()方法。这个方法接收三个参数:属性所在的队形、属性的名字和一个描述符队形。其中,描述符(descriptor)对象的属性必须是:configurable、enumerable、writable和value。设置其中的一个或多个值,可以修改对应的特性值。例如:
var person = {}; Object.defineProperty(person,"name",{ writable:false, value:"Tom" }); alert(person.name);//"Tom" person.name="Bob"; alert(person.name);//"Tome"
这个例子穿件了一个名为name的属性,它的值“Tom”是只读的。这个属性的值是不可修改的,如果尝试为它指定新的值,则在非严格模式下,赋值操作将被忽略;在严格模式下,赋值操作将会导致抛出错误。
类似的规则也适用于不可配置的属性。例如:
var person = {}; Object.defineProperty(person,"name",{ configrable:false, value:"Tom" }); alert(person.name);//"Tom" delete person.name; alert(person.name);//"Tom"
把configurable设置为false,表示不能从对象中删除属性。如果对这个属性调用delete,则在非严格模式下什么也不会发生,而在严格模式下会导致错误。而且,一旦把属性定义为不了配置的,就不能再把它变回可配置了。此时,再调用Object.defineProperty()方法修改除writable之外的特性,都会导致错误:
var person = {}; Object.defineProperty(person,"name",{ configurable:false, value:"Tom" }); //抛出错误 Object.defineProperty(person,"name",{ configurable:true, value:"Tom" });
也就是说,可以多次调用Object.defineProperty()方法修改同一个属性,但在把configurable特性设置为false之后就会有限制了。
在调用Object.defineProperty()方法时,如果不指定,configurable、enumerable和writable特性的默认值都是false。多数情况下,可能都没有必要利用Object.defineProperty()方法提供的这些高级功能。不过,理解这些概念对理解JavaScript对象却非常有用。
注:IE8是第一个实现Object.defineProperty()方法的浏览器版本。然而,这个版本的实现存在诸多限制:只能在DOM对象上使用这个方法,而且只能创建访问器属性。由于实现不彻底,建议读者不要再IE8中使用Object.defineProperty()方法。