JavaScript（十八）Js中的五种开发模式

一、工厂模式

 function stu(){
            var s=new Object();
            s.name="张三";
            return s;
        }
 stu();

说明：

• 在函数中定义对象,并定义对象的各种属性
• 调用函数，返回对象

二、构造函数模式

 function stu(){  //属性+方法   
            this.name="张三";
            this.sex=null;
            this.eat=function (){
            }
        }
 var Stu=new stu();
 console.log( Stu.name);

说明：

• 与工厂方式相比，使用构造函数方式创建对象，无需再函数内部重建创建对象，而使用this指代，而且函数无需明确return
• 将属性为方法的属性定义到函数之外，这样可以避免重复创建该方法

三、原型模式

function cat(){
            
        }
cat.prototype.sex="母";   //.利用prototype属性对属性进行定义
cat.prototype.eat=eat;
var eat=function (){
            return "吃小鱼";
        }
 var Cat=new cat();

说明：

• 函数中不对属性进行定义
• 利用prototype属性对属性进行定义

四、构造函数+原型的js混合的模式（推荐）

  function stu(){  //属性+方法
            this.name="张三";
            this.sex=null;
        }
  stu.prototype.eat=function (){
            return "吃饭";
        }
  var Stu=new stu();

说明：

• 该模式是指混合搭配使用构造函数方式和原型方式
• 将所有属性不是方法的属性定义在函数中（构造函数方式）
• 将所有属性值为方法的属性利用prototype在函数之外定义（原型方式）

五、构造函数+原型的动态原型模式（推荐）

 function stu(){  //属性+方法
            this.name="张三";
            this.sex=null;
            if(typeof prototype_eat=="undefined"){
                stu.prototype.eat=function (){
                    return "吃饭";
                }
                prototype_eat=true;
            }
        }
  var Stu=new stu();

说明：

1.动态原型方式可以理解为混合构造函数，原型方式的一个特例

2.该模式中,属性为方法的属性直接在函数中进行了定义，但是因为

           if(typeof Parent._lev=="undefined"){                             

                           Parent._lev=true; 

               } 

从而保证创建该对象的实例时，属性的方法不会被重复创建