面向对象（Object-Oriented，OO）的语言的一个标志，那就是它们都有类的概念，而通过类可以创建任意多个具有相同属性和方法的对象。
ECMAScript从技术上讲是一门面向对象的语言，但它不具备传统的面向对象所支持的类和接口等基本结构。
什么是对象
ECMA-262中把对象定义为：“无序属性集合，其属性可以包含基本值、对象或者函数”。简单的说，对象就是一种没有特定顺序的键值对。
所有对象都是Object的实例。
创建单个对象
--- 第一种方法 ---
直接创建Object的实例
var person = new Object();
person.name = 'snail';
person.age = 18;
person.job = 'Engineer';
person.sayName = function(){
alert(this.name);
}
--- 第二种方法 ---
对象字面量语法,这是较为常用的方法
var person = {
name:'snail',
age:18,
job:'Engineer',
sayName:function(){
alert(this.name);
}
}
属性类型
下面主要讲了三个方法，且都是IE9+浏览器才支持，
修改属性默认的值Object.defineProperty()
定义多个属性Object.defineProperties()
读取属性的特性Object.getOwnPropertyDescriptor()
属性内部的特性，javascript无法直接访问，一般属性内部特性被写在一对方括号[[]]里面
ECMAScript中有两种属性：数据属性和访问器属性
1、数据属性
数据属性有4个描述其行为的特性
[[configurable]]:表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，能否把属性修改为访问器属性。即表示属性是否还可以配置。默认值一般为false
[[Enumberable]]:是否可枚举，即是否可以被for-in循环返回属性。默认值为false。
[[Writable]]:是否能修改属性的值，默认值为false。
[[Value]]:表示这个属性的数据值。，默认特性是undefined
对于上面的例子来说，
[[configurable]],[[Enumberable]],[[Writable]]的值为true，[[Value]]的值为‘snail’。直接在对象上定义的属性，[[configurable]],[[Enumberable]],[[Writable]]的值为true
要修改属性默认的值，必须使用ES5提供的Object.defineProperty() （注意IE9+支持）方法。这个方法接收三个参数：对象，属性名，一个描述对象
Object.defineProperty(person,'name',{
writable:false,
value:'Elaine'
});
此时，name将变为Elaine，且只读，无法再进行修改。在非严格模式下，赋值操作将被忽略，在严格模式下，将抛出错误。
Object.defineProperty(person,'name',{
configurable:false,
value:'Elaine'
});
此时，configurable设置为false，表示不能从对象中删除属性，多这个对象调用delete时，在非严格模式下忽略，在严格模式下会抛出错误（除了修改writable）。
需要注意的是，一旦configurable被设置为false，是不可逆的，这个属性将不可被配置，configurable也无法再设置为true。
2、访问器属性
访问器属性有如下四个特性：
[[configurable]]:表示能否通过delete删除属性从而重新定义属性，能否修改属性的特性，能否把属性修改为访问器属性。即表示属性是否还可以配置。默认值一般为true
[[Enumberable]]:是否可枚举，即是否可以被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
_year前面的下划线是一种常用的记号，用于表示只能通过对象方法访问的属性。
上例中，year被改成2005，所以在写入属性的时候会调用set方法，此时将edition改为2。
这是使用访问器属性的常见方法，即设置一个属性的值会导致另一个属性的改变。
定义多个属性
由于对象定义多个属性的可能性很大。ES5定义了一个Object.defineProperties()方法。利用这个描述符可以一次定义多个属性。** 注意：IE9+ 才支持这个方法**
接收两个对象参数：第一个对象是要添加和修改其属性的对象，第二个对象的属性与第一个对象中要添加或修改的属性一一对应。
var book = {};
Object.defineProperties(book,{
_year:{
value:2004
},
edition:{
value:1
},
year:{
get:function(){
return this._year;
},
set:function(newValue){
if(newValue > 2004){
this._year = newValue;
this.edition += newValue - 2004;
}
}
}
});
最终生成的对象与Object.defineProperty()定义的对象相同。唯一的区别在于，这里的属性都是在同一时间创建的。
读取属性的特性
ES5中Object.getOwnPropertyDescriptor()方法，可以取得给定属性的描述符,也是IE9+支持。
这个方法接收两个参数：属性所在对象名，要读取其描述符的属性名称。
返回值是一个对象。
对于上面举例的book对象而言，如果我们要获取_year的描述符，那么
var descriptor = Object.getOwnPropertyDescriptor(book,_year);
alert(descriptor.value); // 2004
alert(descriptor.configurable); // false
文章整理自《javascript高级程序设计》
网友评论