js原型设计模式

设计模式

（1）工厂模式：在函数内创建一个对象，给对象赋予属性及方法再将对象返回。

　　 function Parent(){
　　var Child = new Object();
　　 Child.name=”ZXJ”;
　　Child.age=”24”;

　　　　　　Child.sex=function(){

   　　　　　　return "女";  

　　　　　 };
　　return Child;
　　};
调用：
　　var x =Parent();

　　 alert(x.name); //ZXJ
　　 alert(x.sex()); //女

（2）构造函数模式:无需再函数内部重建创建对象，而使用this指代

　　　　 function Parent(){

       　　 var  Child = new Object();        　　  this.name="ZXJ";        　　  this.age=24";        　　  this.lev=lev;  

　　　　　　Child.sex=function(){

   　　　　　　return "女";  

　　　　 };
　　 return Child;
　　 };
调用：
　　 var x = new Parent();
　　 alert(x.name); //ZXJ
　　 alert(x.sex()); //女

　　(3)原型模式：函数中不对属性进行定义，利用prototype属性对属性进行定义，可以让所有对象实例共享它所包含的属性及方法。

　　　　function Parent(){ };
　　　　 Parent.prototype.name=”ZXJ”;
　　　　 Parent.prototype.age=”24”;
　　　　 Parent.prototype.sex=function(){

　　　　　　　　var s=”女”;

　　　　　　　　alert(s);

　　　　　　};

　　　　 调用：
　　　　var x =new Parent();
　　　　alert(x.name); //ZXJ
　　 alert(x.sex()); //女

　　(4)混合模式：原型模式+构造函数模式。这种模式中，构造函数模式用于定义实例属性，而原型模式用于定义方法和共享属性。

　　　　 function Parent(){
　　　　 this.name=”ZXJ”;
　　　　 this.age=24;
　　};
　　 Parent.prototype.sayname=function(){
　　 return this.name;
　　 };
调用：
　　 var x =new Parent();
　　 alert(x.sayname()); //ZXJ　　

　　(5)动态原型模式:将所有信息封装在了构造函数中，而通过构造函数中初始化原型，这个可以通过判断该方法是否有效而选择是否需要初始化原型。

　　　　function Parent(){
　　this.name=”ZXJ”;
　　 this.age=24;
　　if(typeof Parent._sayname==”undefined”){
　　Parent.prototype.sayname=function(){
return this.name;
　　 }
Parent._sayname=true;
}

  };    调用： var  x =new  Parent();  alert(x.sayname());