1、对象
首先我要再一次明确对象,对象是一个集合体,里面包含其属性和方法。我们创建的对象的时候通常要为对象添加方法和属性。
最简单的方法就是:
var person = new Object();
person.name = "Nicholas";
person.age = 29;
person.job = "Software Engineer";
person.sayName = function(){ alert(this.name); };
当然,创建对象的方法有很多也可以在创建对象的同时,直接用大括号进行添加方法和属性:
var person = {
name: "Nicholas",
age: 29,
job: "Software Engineer",
sayName: function(){ alert(this.name); } };
属性中间用逗号进行分割。
1.1属性类型
对象属性分为数据属性和访问器属性:
- 数据属性
数据属性包含4个特性,configurable,enumerale,writable以及value。 - 访问器属性
访问器属性则包含configurable,enumerale以位getter和setter函数。
其中,configurable是定义了对象的属性在定义以位能否通过delete进行修改。
两个属性存在的差异是,数据属性包含数据值,而访问器属性是不包含数据值,只是调用参数,然后返回一个有效的值。
1.2、读取属性的方法
使用Object.getOwnPropertyDescriptor()方法,可以取得给定属性的描述 符。这个方法接收两个参数:属性所在的对象和要读取其描述符的属性名称。返回值是一个对象,如果是访问器属性,这个对象的属性有 configurable、enumerable、get 和 set;如果是数据属性,这 个对象的属性有 configurable、enumerable、writable 和 value。
可以分别进行测试,例如alert(discriptior.value),用这样的方法看看是否存在这么一个属性的返回值,如果为false则不存在,如果为true则存在,就可以判断属性类型。
2、创建对象
创建对象的方法有很多,第一种工厂模式,很像我们定义函数的方式:
function createPerson(name, age, job)
{
var o = new Object();
o.name = name;
o.age = age;
o.job = job;
o.sayName = function(){
alert(this.name);
};
return o;
}
var person1 = createPerson("Nicholas", 29, "Software Engineer");
var person2 = createPerson("Greg", 27, "Doctor");
当然,也可以自定义Person()函数:
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = function(){
alert(this.name);
};
}
var person1 = new Person("Nicholas", 29, "Software Engineer");
var person2 = new Person("Greg", 27, "Doctor");
如上图,该函数构建会提供一个指针,当创建一个对象的时候,并引用该函数构建时,就会将该指针提供给新的对象,所以,新的对象能够根据这样建立一个满足属性要求的对象。
这个方法存在的缺点就是就是每个方法都要在每个实例上重新创建一遍。
为了改善这一不足,所以引入了prototype的概念,prototype是一个对象的原型,每个对象在建立之都有一个原型,而像上述那样,导致创创建多个相同的原型,因为进行修改,可以通过引用相同的原型,从而避免这一赘余:
function Person(){ }
Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Person.prototype.job = "Software Engineer"; Person.prototype.sayName = function(){ alert(this.name); };
var person1 = new Person();
var person2 = new Person();
如上图,在创建person1以位person2的时候就可以将引用prototype的与原型,因此,两个对象理论上在共享通过一个指针,起始是相等的,但是可以进行局部更改,为其添加新的实例,实其变成包含其他属性值的新对象。
3.继承
知道什么是,首先要了解原生链,每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。假设我们让原型对象等于另一个类型的实例,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。如此层层递进,就构成了实例与原型的链条。这就是所谓的原生链,在原型里面引用其他的原型,直至最终的宿主。
我们可以观看一个实例:
function SuperType(){
this.property = true; }
SuperType.prototype.getSuperValue = function(){ return this.property; };
function SubType(){
this.subproperty = false; }
//继承了
SuperType SubType.prototype = new SuperType();
SubType.prototype.getSubValue = function (){ return this.subproperty; };
var instance = new SubType(); alert(instance.getSuperValue()); //true
解释图:
这种方法可以减少原型反复构建的麻烦,在较高的领域可能会比较需要!