js创建对象的几种方式

26 Mar 2015

第一种模式：工厂模式

 var lev=function(){
   reutrn "啊打";
 };
 function Parent(){
   var Child=new Object();
   Child.name="leborn jose";
   Child.age=23;
   Child.lev=lev;
   return Child
 }

 var x=Parent();
 console.log(x.name);
 console.log(x.age);

说明：

1.在函数中定义对象，并定义各种对象的属性，虽然属性可以为方法，但是建议将属性为方法的属性定义到函数之外，这样可以避免重复创建该方法。

2.引用该对象的时候，这里使用的是 var x=Parent() 而不是 var x=new Parent();因为后者会可能出现很多问题(前者也成为工厂经典方式,后者称为回合工厂模式方式)，不推荐使用new 的方法使用该对象。

3.在函数的最后赶回该对象

4.不推荐使用这种方式创建对象，但应该了解

第二种模式： 函数方式

  var lev=function(){
     return "阿打";
  }
  function Parent(){
     this.name="leborn jose";
     this.age=23;
     this.lev=lev;
  }

  var x=new Parent();
  console.log(x.name);
  console.log(x.age)

说明：

1.与工厂方式相比，使用构造函数方式创建对象，无需再函数内部重建对象，而使用this指代，而并函数不需要return;

2.通工厂方式一样，虽然属性的值可以为方法，但建议将方法写在函数之外

3.不推荐使用这种方式创建对象，但应该了解

第三种模式： 原型模式

 var lev=function(){
    return "啊打";
 }
 function Parent(){};
 Parent.prototype.name="leborn jose";
 Parent.prototype.age=23;
 parent.prototype.lev=lev;

 var x=new Parent();
 console.log(x.name);
 console.log(x.lev);

说明：

1.函数中不对属性进行定义，利用prototype属性对属性进行定义

2.同样不推荐使用这种方式创建对象，但应该了解

第四重模式：混合的构造函数，原型方式 （推荐）

function Parent(){
   this.name="leborn jose";
   this.age=23;
}

Parent.prototype.lev=function(){
  return "啊打";
}

var x=new Parent();
console.log(x.lev);

说明：

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

2.推荐使用这样方式创建对象,这样做有好处和为什么不单独使用构造函数方式和原型方式,这里就不解释了

第五章模式：动态原型方式

 function Parent(){
 this.name="leborn jose";
 this.age=23;

 if(typeof Parent._lev=="undefined"){
    Parent.prototype.lev=function(){  

           return this.name;  
    }  
    Parent._lev=true;  
 }

 var  x =new  Parent();  
 alert(x.lev());    }

说明：

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

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

  if(typeof Parent._lev=="undefined"){  
  Parent._lev=true;}   > 从而保证创建该对象的实例时，属性的方法不会被重复创建

3.推荐使用这种模式