日期:2014-05-16 浏览次数:20362 次
Javascript中创建对象可归纳为三种方式:工厂函数、构造函数和原型方式。
工厂函数方式利用javascript基础类Object,对Object的一个实例增加相应的属性和方法以达到新类型所期望的结果。如下代码展示了类型NewClassType1含有一个属性attribute1。
//工厂函数方式,返回特定类型的对象实例 functionNewClassType1(){ varo = new Object(); o.attribute1= 3; returno; };
获取NewClassType1类型的实例,类似于设计模式中的工厂方法,直接调用即可。如下代码展示获取NewClassType1的实例,及操作其attribute1属性的过程(其中“//->”后面展示了提示结果)。
var t1 =NewClassType1(); t1.attribute1+= 3; alert("t1.attribute1= " + t1.attribute1); //->t1.attribute= 6
构造函数方式创建class使用关键字this来建立类中属性或方法。使用new关键字来获取实例。
//构造函数方式,用new获取特定类型的对象实例 functionNewClassType2(){ this.attribute2= 2; }; vart2 = new NewClassType2(); t2.attribute2+= 6 alert("t2.attribute2= " + t2.attribute2); //->t2.attribute2= 8
原型方式则利用了javascript面向对象中一个很独特的性质——类型的原型(prototype),它可以动态的扩展相应类型的属性和方法。
//原型方式,利用javascript对象的prototype属性 functionNewClassType3(){}; NewClassType3.prototype.attribute3= 1; Vart3 = new NewClassType3(); t3.attribute3+= 2; alert("t3.attribute3= " + t3.attribute3); //->t3.attribute3= 3
原型方式中的原型概念需要理解一下。从上面几个例子中可以看出javascript的类型是以函数形式定义的,其名称为类型名称。而javascript每个类型都具备一个prototype属性,这个属性返回对象类型原型的引用,它是一个对象。我们可以将原型看做是一个参照,当我们创建一个类型的实例时,浏览器会自动将原型(prototype)的内容(属性和方法)附加到object上。此外,javascript对象是动态的,故而原型也是动态的。我们对原型(prototype)进行扩展,将改变类型的原型,这种改变将直接作用到这个原型创建的所有对象上。
下面代码展现了扩展原型的属性(要进行初始化操作)和方法。
/* * 使用构造函数形式创建类型 */ functionType1(name){ this.name= name; } //new一个Type1实例 varobj1 = new Type1("chwd"); alert(obj1.name); //->chwd alert(obj1.age); //->undefined //对Type1的原型中增加一个属性age,记得要赋值 Type1.prototype.age; alert(obj1.age); //->undefined Type1.prototype.age= 18; alert(obj1.age); //->18 obj1.age+= 8; alert(obj1.age); //->21 //对类型Type1的原型增加一个方法 Type1.prototype.showYourNameAndAge= function(name){ this.name= name; alert("myname is " + name + " and my age is " + this.age); }; //对象obj1调用showYourNameAndAge方法 obj1.showYourNameAndAge("cweid"); //->myname is cweid and my age is 26
上文展示了对一个类型的原型进行扩展后,之前建立的此类型的实例也相应发生了变化。既然原型是一个对象,那能否对类型的原型进行复制,以期改变类型的整个原型结构呢?是可以的,如下代码所示。
/* * 使用构造函数形式创建类型 */ functionType1(name){ this.name= name; } //new一个Type1实例 varobj1 = new Type1("chwd"); alert(obj1.name); //->chwd //对类型Type1的原型增加一个方法 Type1.prototype.showYourNameAndAge= function(name){