js创建对象的几种方式

第一种模式:工厂模式

 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.推荐使用这种模式

Edit - Tweet