面向对象的程序设计

工厂模式

 

function createPersonal(name,age,job){

     var  o = new Object();

     o.name = name;

     o.age = age;

     o.job = job;

     o.sayName = function(){

          alert(this.name);

     }

     return o;

     

}

 

var personal1 = createPerson("haha",23,"it");

var personal2 = createPerson("hahaha",23,"it");

构造函数模式

 

function Person (name,age,job){

     this.name = name;

     this.age = age;

     this.job = job;

     this.sayName = function(){

          alert(this.name);

     }

}

 

var personal1 = new Person("haha",23,"it");

var personal2 = new Person("hahaha",23,"it");

原型模式

 

function Person(){

}

Person.prototype.name = "hhahha";

Person.prototype.age = 27;

Person.prototype.sayName = function(){

     alert(this.name);

};

var person1 = new Person();

person1.sayName();// hhahha;

注：如果我们在实例中添加了一个属性，而该属性与实例原型中的属性同名，那么我们就在实例中创建给属性，该属性将会屏蔽原型中的那个属性；

person1.name = "hhhhh";

alert(person1.name);// "hhhhh"

注：首先收索的是实例，最后才是原型

组合使用构造函数模式和原型模式

 

function Person (name,age,job){

     this.name = name;

     this.age = age;

     this.job = job;

     this.friends = ["a","b"];

}

 

Person.proyotype = {

     constructor:Person,

     sayName:function(){

          alert(this.name);

     }

}

var person1=new Person("hh",23,"bb");

var person2 = new Person("ss",25,"kk");

person1.friends.push("c");

console.log(person1.friends);//a,b,c

console.log(person2.friends);//a,b

注：构造函数模式用于定义实例属性，原型用于定义方法和共享的属性

这种方式目前使用最广泛的一种，认同度最高的

动态原型模式

 

function Person(ame,age,job){

     //属性

     this.name = name;

     this.age = age;

     this.job = job;

     //方法

     if(typeof this.sayName != "function"){

          Person.prototype.sayaName = function(){

              alert(this.name); 

          }

     }

}

 

var friends = new Person("aa",26,"IT");

friends.sayName();

注：使用动态原型模式时，不能使用对象字面量重写原型，如果在创建了实例的情况下重写原型，那么就会切断现有原型与新原型之间的联系

 

 寄生构造函数模式

 

function Person(name,age,job){

     var o = new Object();

     o.name = name;

     o.age = age;

     o.job = job;

     o.sayName = function(){

          alert(this.name);

     }

}

 

var friends = new Person("aa",27,"IT");

friends.sayName();

注：从表面上看是和工厂模式一样，只是最后实例化了一次，而工厂模式是没有在实例化

稳妥构造函数模式

 

//与寄生模式有两点不同：新创建对象的实例方法不引用this；二是不适用new 操作符调用构造函数

 

function Person(name,age,job){

     //创建要返回的对象

         var o = new Object();

     // 可以在这里定义私有变量和函数

     //添加方法

     o.sayName = function(){

          alert(name);

     }

     return o;

}

 

var friends = Person("aa",27,"IT");

friends.sayName();//aa