Javascript之【对象】的深入理解
对象
ECMA-262把对象定义为：“无序属性的集合，其属性可以包含基本值、对象或者函数。”
于是，我们可以将对象想象成散列表：就是一些名值对，其中值可以是数据或函数
1.理解对象及其内部机制
我们先来创建一个最简单的Object实例，同时为它添加属性和方法:
1 var person=new<span> Object();
2 person.name="Sleipnir"<span>;
3 person.age=23<span>;
4 person.job="Software Enginner"<span>;
5
6 person.sayname=function<span>(){
7 alert(this<span>.name);
8 };有时候这种直接赋值的方式太繁琐，我们还可以用对象字面量的方式来赋值：
1 var person=<span>{
2 name:"Sleipnir"<span>,
3 age:23<span>,
4 job:"Software Enginner"<span>,
5
6 sayname:function<span>(){
7 alert(this<span>.name);
8 <span> }
9 };这两种创建对象的效果都是一样的，下面，我们来深入对象内部，来探讨属性类型
2.属性类型
ECMAScript有两种属性：数据属性 和 访问器属性
2.1数据属性：它包含一个数据值的位置，在这个位置可以读取和写入值，它有4个用来描述其行为的特性：Configurable\Enumerable\Writable\Value
Configurable:表示能否通过delete来删除从而重新定义属性，它的默认值为true；
Enumerable：表示属性能否被使用for-in来遍历，默认值为true；
Writable：表示能否被修改，默认值为true；
Value:包含属性的数据值，默认值为underfined
像在上面对象中直接定义的属性，它们的configurable,enumerable,writable都默认是true，value就是设置的“Sleipnir”这个值
想查看特性的值，就需要用到Object.getOwnPropertyDescriptor()这个方法：
在上面的对象的基础上，我们来查看属性的特性：
var aa=Object.getOwnPropertyDescriptor(person,"name"); console.log(aa.configurable); //true console.log(aa.enumerable); //true console.log(aa.writable); //true console.log(aa.value); //"Sleipnir"
要想修改默认的特性，就要用到Object.defineProperty()这个方法，概念不说太多，我们直接来举个栗子：
在上面的对象的基础上，我们来修改属性的特性：
Object.defineProperty(person,"name",{
writable:false,
enumerable:false,
value:"xiaoxiao",
configurable:false
});
console.log(person.name); //"xiaoxiao"
person.name="love";
console.log(person.name); //"xiaoxiao"从上面的代码可以看出，当writable从默认的true被修改成false后，你再给name赋值就无法成功了，它还是显示默认的“xiaoxiao”
然而，有一点要注意，当把confugurable设置成false后，就没办法把属性设置回可设置状态了，换句话说，是不可逆的，当把confugurable设成false后，再用 Object.defineProperty()修改除writable之外的特性，都会导致错误
这里有个坑，你直接在对象上定义的属性，它的数据属性值都默认是true，但是如果你是用Object.defineProperty()给对象创建的属性，configurable、enumerable和writable特性的默认值都是false
当然了，一个一个属性修改太麻烦了，于是还有个Object.defineProperties(),能同时修改多个属性：
Object.defineProperties(person,{
name: {
writable:true,
value:"long"
},
age: {
writable:true,
value:25
},
job: {
writable:true,
value:"gongren"
}
});2.2 访问器属性：跟数据属性一样，它也有4个特性：configurable,enumerable,get,set
前两个特性不用赘述，后两个get和set分别是读取/写入属性时调用的函数，默认值都是underfined
访问器属性没法直接定义，必须使用Object.defineProperty()来定义，举个栗子：
var book={ _year:2017,
edition:1
};
Object.defineProperty(book,"year",{
get: function(){
return this._year;
},
set: function(newValue){
if(newValue>2017){
this._year=newValue;
this.edition+=newValue-2017;
}
}
});
book.year=2018;
console.log(book.edition); //这里就是比较有意思的地方，我们加入的属性“year”，在加入时并没有赋值，而是定义了get和set函数，用来处理在外部赋给year的值，我们在外面赋值2018，然后给year定义的get和set函数就利用2018来修改_year和edition的值。这就是使用访问器属性的常见方式，即设置一个属性的值会导致其他属性发生变化
看到这里，可能有的同学有个问题：不是说用Object.defineProperty()方法定义的属性的特征值包括writable都是false吗？为什么“book.year=2018”还能生效呢？
其实原因是，你用Object.getOwnPropertyDescriptor()取得特征值查看会发现，它的writable显示为“underfined”，所以可以这样想，year并不是和_year,edition一样的属性，是个定义了用来修改其他属性的属性，地位相当于后勤部长。