JS对象高级属性：数据属性与访问器属性

一、说明：

使用以下介绍的高级属性，需要注意浏览器是否支持。高版本浏览器，如ie9+通常支持。另外需要说明的一点，这里所说对象包括function和Object，而不是单指Object

二、数据属性：

Configurable:true|false，表示能否通过delete将属性删除，默认为true。当把属性的Configurable设置为false后，该属性不能通过delete删除，并且也无法再将该属性的Configurable设置回true.

Enumerable: true|false。表示属性可否被枚举，默认true。

Writable: true|false。表示属性是否可写，默认true

Value：属性的值

三、访问器属性：

Configurable：同数据属性的Configurable

Enumerable: 同数据属性的Enumerable

get:function(){} 属性被读取的时候调用，支持的浏览器IE9+、Firefox4+、Safari5+、Opera12+、Chrom

set:function(newValue){} 属性被写入的时候调用, 支持的浏览器IE9+、Firefox4+、Safari5+、Opera12+、Chrom

四、相关函数及支持的浏览器版本：

Object.defineProperty：IE8是第一个实现此函数的版本

Object.defineProperties：IE9+、Firefox4+、Safari5+、Opera12+、Chrom

Object.getOwnPropertyDescriptor：IE9+、Firefox4+、Safari5+、Opera12+、Chrom

五、示例：

1、Object.defineProperty

数据属性和访问器属性可以通过Object.defineProperty进行设置。例如：

var person={name:”Leo”}
Object.defineProperty(person,”name”,{//设置数据属性
Writable:false;//设置为false，name属性为只读的
Configurable:false //设置为false，则name属性不能通过delete删除
});
Object.defineProperty(person,”name”,{//设置访问器属性
Configurable:false,
set:function(newValue){console.log(newValue),name=newValue;}
});
//定义set后，当你这样person.name=’Leo’;则浏览器会调用set方法，打出Leo，另外需要
//注意的是name=newValue不能为this.name=newValue。不然会陷入无限递归，引发栈溢出错误

但是如果是下面这样会报错，因为Writable不是访问器属性

Object.defineProperty(person,”name”,{
Writable:false;
Configurable:false,
set:function(newValue){console.log(newValue)}
});

此时person对象的name属性是只读的。需要注意的是IE8是第一个实现defineProperty的浏览器版本。在更低版本的浏览器中是不支持这个方法的。并且ie8也只是部分实现，而不是彻底实现。

2、Object.defineProperties

Object.defineProperties方法。作用跟Object.definePropert一样，只不过Object.definePropert只能定义单个属性，而Object.defineProperies可以定义多个属性。例如：

var person={name:”Leo”,age:18}
Object.defineProperties(person,{
name:{
Writable:true
},
age{
set:function(newValue){console.log(newValue)}
}
});

3、Object.getOwnPropertyDescriptor

Object.getOwnPropertyDescriptor方法。以上面的person为例来使用
var descriptor=Object.getOwnPropertyDescriptor(person,”name”);
console.log(descriptor.Value);
console.log(descriptor.Writable);