使用Javascript和prototype.js框架创建类型及其相关的prototype属性的简单介绍

Javascript中创建对象可归纳为三种方式：工厂函数、构造函数和原型方式。
工厂函数方式利用javascript基础类Object，对Object的一个实例增加相应的属性和方法以达到新类型所期望的结果。如下代码展示了类型NewClassType1含有一个属性attribute1。
[javascript]
//工厂函数方式，返回特定类型的对象实例
      functionNewClassType1(){
                varo = new Object();
                o.attribute1= 3;
                returno;
      };
获取NewClassType1类型的实例，类似于设计模式中的工厂方法，直接调用即可。如下代码展示获取NewClassType1的实例，及操作其attribute1属性的过程（其中“//->”后面展示了提示结果）。
[javascript]
<pre name="code" class="javascript">
         var t1 =NewClassType1();
         t1.attribute1+= 3;
         alert("t1.attribute1= " + t1.attribute1);
         //->t1.attribute= 6</pre>

构造函数方式创建class使用关键字this来建立类中属性或方法。使用new关键字来获取实例。
[javascript]
//构造函数方式，用new获取特定类型的对象实例
functionNewClassType2(){
this.attribute2= 2;
};
vart2 = new NewClassType2();
t2.attribute2+= 6
alert("t2.attribute2= " + t2.attribute2);
//->t2.attribute2= 8
原型方式则利用了javascript面向对象中一个很独特的性质——类型的原型（prototype），它可以动态的扩展相应类型的属性和方法。
[javascript]
//原型方式，利用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）进行扩展，将改变类型的原型，这种改变将直接作用到这个原型创建的所有对象上。
下面代码展现了扩展原型的属性（要进行初始化操作）和方法。
[javascript]
/*
* 使用构造函数形式创建类型
*/
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
上文展示了对一个类型的原型进行扩展后，之前建立的此类型的实例也相应发生了变化。既然原型是一个对象，那能否对类型的原型进行复制，以期改变类型的整个原型结构呢？是可以的，如下代码所示。
[javascript]
/*
          * 使用构造函数形式创建类型
          */
         functionType1(name){
                   this.name= name;
         }

         //new一个Type1实例
         varobj1 = new Type1("chwd");
         alert(obj1.name);
         //->chwd

         //对类型Type1的原型增加一个方法
         Type1.prototype.showYourNameAndAge= function(name){
                   this.name= name;
                   alert("myname is " + name );
         };
         //对象obj1调用showYourNameAndAge方法
         obj1.showYourNameAndAge("chenwd");
         //->myname is chenwd


         /*
          * 再创建一个类型Type2
          */
         functionType2(){
                   this.age= 26;
         }
         //new一个Type2实例
         varobj2 = new Type2("chweidong");
         alert(obj2.name);
         //->undefined
         //对象obj2调用showYourNameAndAge方法
//      obj2.showYourNameAndAge("cwdong");
         //->undefined

         //将Type2的原型设置为Type1的原型
         Type2.prototype =Type1.prototype;
         //再次显示obj2的name
         alert(obj2.name);
  &

补充：web前端 , JavaScript ,