ECMAScript 5中属性的特性值

这是《JavaScript高级程序设计（第三版）》第六章相关内容的总结。

ECMAScript中有两种属性：数据属性和访问器属性。每种属性都有四个特性值。

数据属性的四个特性值：

[[Configurable]]：表示能否通过delete删除属性；能否修改属性的特性值；能否把属性修改为访问器属性。直接在对象上定义的属性，该特性的默认值为true。

[[Enumerable]]：表示能否通过for-in循环返回属性。直接在对象上定义的属性，该特性的默认值为true。

[[Writable]]：表示能否修改属性的值。直接在对象上定义的属性，该特性的默认值为true。

[[Value]]：包含这个属性的数据值。读取属性值的时候。从这个位置读；写入属性值的时候，把新值保存在这个位置。该特性的默认值为undefined。

访问器属性的四个特性：

访问器属性只能通过相应的方法设置，不能在对象上直接设置。

[[Configurable]]：表示能否通过delete删除属性；能否修改属性的特性值；能否把属性修改为数据属性。

[[Enumerable]]：表示能否通过for-in循环返回属性。

[[Get]]：在读取属性时调用的函数。该特性的默认值为undefined。

[[Set]]：在写入属性时调用的函数。该特性的默认值为undefined。

ECMAScript 5中操作属性特性的方法有3个：

Object.defineProperty()：该方法用来设置单个属性的特性。它接收三个参数：属性所在的对象、属性的名字和一个描述符对象。其中描述符对象的属性必须是：configurable、enumerable、writable、value、get、set中的一个或多个。当然要根据属性类型选择。

Object.defineProperties()：这个方法是上一个方法的增强版，可以同时设置多个属性的特性。它接收两个对象参数：第一个对象是要添加和修改其属性的对象，第二个对象的属性与第一个对象中要添加或修改的属性一一对应（通过例子看，一目了然）。

Object.getOwnPropertyDescriptor()：这个方法返回一个描述符对象，可以取得给定属性的特性的值。它接收两个参数：属性所在的对象和要读取其特性的属性名称。如果是数据属性，返回的对象有configurable、enumerable、writable、value四个属性；如果是访问器属性，返回的对象有configurable、enumerable、get、set四个属性。

例1

 <script type="text/javascript">
 var a = {
    name: 'A',
    type: 'object'
 }
 //修改直接在对象上定义的属性的值
 Object.defineProperty(a,'type',{
      value: 'car'
 });
 //用Object.defineProperty()方法给对象添加属性
 Object.defineProperty(a,'style',{
      value: 'no'
 });
 //设置访问器属性
 Object.defineProperty(a,'country',{
      get: function() {
         return 'none';
      }
 });

 var b = Object.getOwnPropertyDescriptor(a,'type');
 alert(b.configurable);//true
 alert(b.enumerable);//true
 alert(b.writable);//true

 var c = Object.getOwnPropertyDescriptor(a,'style');
 alert(c.configurable);//false
 alert(c.enumerable);//false
 alert(c.writable);//false

 var d = Object.getOwnPropertyDescriptor(a,'country');
 alert(a.country);//none
 alert(d.configurable);//false
 alert(d.enumerable);//false
 alert(d.set);//undefined
 alert(d.get);//输出get后面完整的匿名函数
 </script>

通过上面的例子可以看到，用Object.defineProperty()方法给对象添加新属性，该属性的未指定的特性值要么默认为false，要么默认（set）为undefined，说明用Object.defineProperty()方法添加的新属性除非明确设置，否则一旦设置完成后是不可配置和更改的。而原本直接定义在对象上的属性，用Object.defineProperty()方法修改，未指定的特性值仍然默认为true，还是可以配置和更改的。

例2

 var a = {
    name: 'A',
    type: 'object'
 }
 //修改直接在对象上定义的属性的值
 Object.defineProperty(a,'type',{
      configurable: false,
      value: 'car'
 });

 delete a.type;
 var b = Object.getOwnPropertyDescriptor(a,'type');

 console.log(a.type);//car
 console.log(b.configurable);//false

 Object.defineProperty(a,'type',{
      configurable: true
 });

上面代码在火狐的Firebug中会报错：

意思就是说，一旦把configurable设置为false，就改不回来了。书上说，此时再调用Object.defineProperty()方法修改除writable的特性，都会导致错误。但是，我觉得这要根据这个属性是怎么添加到对象上的来区分。

先看直接在对象上直接定义的属性：

 var a = {
    name: 'A',
    type: 'object'
 }
 //修改直接在对象上定义的属性的值
 Object.defineProperty(a,'type',{
      configurable: false,
      value: 'car'
 });

 console.log(a.type);//car
 console.log(b.configurable);//false

 Object.defineProperty(a,'type',{
   writable: false,
   value: 'to'
 });

 var b = Object.getOwnPropertyDescriptor(a,'type');
 console.log(b.value);//to
 console.log(b.writable);//false
 console.log(a.type);//to

输出结果：

再调用Object.defineProperty()方法修改除writable的特性（这里修改了value的值），没有导致错误，而且还修改成功了（当然修改enumerable的值还是会导致错误的）。

再来看通过调用Object.defineProperty()方法添加的属性：

 var a = {
    name: 'A',
    type: 'object'
 }
 //修改直接在对象上定义的属性的值
 Object.defineProperty(a,'style',{
      configurable: false,
      value: 'jiangnan'
 });
 var b = Object.getOwnPropertyDescriptor(a,'style');
 console.log(a.style);//jiangnan
 console.log(b.configurable);//false

 Object.defineProperty(a,'style',{
   writable: true,
   value: 'to'
 });

看运行结果：

再调用Object.defineProperty()方法修改writable的特性，导致错误。

下面看Object.defineProperties()方法的用法：

 var a = {};
 Object.defineProperties(a,{
   name: {
     value: 'A'
     //其余的三个特性未明确指定，默认值为false
   },
   type: {
     get: function() {return 'object'}
     //set未指定，默认为undefined
     //其余两个特性默认为false
   }
 });
 console.log(a.type);//object
 var b = Object.getOwnPropertyDescriptor(a,'name');

 console.log(b.writable);//false

 Object.defineProperty(a,'name',{
   writable: true,
  });

运行结果：

以上就是关于对象属性特性的内容。