面向对象的程序设计

工厂模式
 
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 
原文地址:https://www.cnblogs.com/wtfu/p/6663961.html