JS原型+原型链+设计模式

JavaScript是一种基于对象的语言，JavaScript中的全部对象，都具备prototype属性。prototype属性返回对象的全部属性和方法，全部 JavaScript 内部对象都有只读的 prototype 属性，能够向其原型中动态添加属性和方法，但该对象不能被赋予不一样的原型。可是自定义的对象能够被赋给新的原型。

对象分为函数对象和普通对象，区分：凡是经过 new Function() 建立的对象都是函数对象，其余的都是普通对象。（Object ，Function 是JS自带的函数对象）

1.原型对象：prototype

 在JS 中，函数对象其中一个属性：原型对象 prototype。普通对象是没有prototype属性,但有__proto__属性。

原型的做用就是给这个类的每个对象都添加一个统一的方法,在原型中定义的方法和属性都是被因此实例对象所共享。

 　　例：

　　　　  var person = function(name){
  　　　　　　 this.name = name
 　　　　 };
 　　　　 person.prototype.getName = function(){//经过person.prototype设置函数对象属性
    　　　　　　 return this.name; 
 　　　　 }
 　　　　 var zxj= new person(‘zhangxiaojie’);
  　　　　zxj.getName(); //zhangxiaojie   　　　　//zxj继承上属性

2.原型链

 __proto__：js建立对象的内置属性，用于指向建立它的函数对象的原型对象prototype。（是JS内部使用寻找原型链的属性。当实例化一个对象时候，内部会新建一个__proto__属性并把prototype赋值给它）

　　　　下图为原型链运行图解，当咱们实例一个对象以后，调用它的内部方法，他的运行顺序是先找自身有没有该方法，若是没有就会经过__proto__属性想上层寻找，一直寻找到Object对象中，若是尚未才会报错null

　　　　　　　　p._proto_----->Persion._proto_---->object._proto_----->null

 

3.设计模式

（1）工厂模式：在函数内建立一个对象，给对象赋予属性及方法再将对象返回。

   　　 function Parent(){  
           　　var  Child = new Object();  
          　　 Child.name="ZXJ";  
           　　Child.age="24";

　　　　　　Child.sex=function(){  

       　　　　　　return "女";  
   　　　　　 };   
         　　return Child;  
    　　};  
      调用：
    　　var  x =Parent();  

  　　  alert(x.name);      //ZXJ
   　　 alert(x.sex());       //女

（2）构造函数模式:无需再函数内部重建建立对象，而使用this指代

　　　　 function Parent(){  

           　　 var  Child = new Object();  
          　　  this.name="ZXJ";  
          　　  this.age=24";  
          　　  this.lev=lev;  

　　　　　　Child.sex=function(){  

       　　　　　　return "女";  
   　　　　   };   
         　　  return Child;  
    　　  };  
        调用：
    　　  var  x = new Parent();  
  　　    alert(x.name);      //ZXJ
   　　   alert(x.sex());       //女

　　(3)原型模式：函数中不对属性进行定义，利用prototype属性对属性进行定义，能够让全部对象实例共享它所包含的属性及方法。

　　　　function Parent(){   };  
     　　　　 Parent.prototype.name="ZXJ";  
     　　　　 Parent.prototype.age="24";  
     　　　　 Parent.prototype.sex=function(){

　　　　　　　　var s="女";

　　　　　　　　alert(s);

　　　　　　};  
    

　　　　 调用：
    　　　　var  x =new  Parent();  
    　　　　alert(x.name);      //ZXJ
   　　      alert(x.sex());       //女

 

　　(4)混合模式：原型模式+构造函数模式。这种模式中，构造函数模式用于定义实例属性，而原型模式用于定义方法和共享属性。

　　　　 function Parent(){  
     　　　　 this.name="ZXJ";  
     　　　　 this.age=24;  
    　　};
   　　 Parent.prototype.sayname=function(){  
      　　 return this.name;  
   　　 };
      调用：
   　　 var  x =new  Parent(); 
   　　 alert(x.sayname());   //ZXJ　　

 

　　(5)动态原型模式:将全部信息封装在了构造函数中，而经过构造函数中初始化原型，这个能够经过判断该方法是否有效而选择是否须要初始化原型。

 

　　　　function Parent(){        　　this.name="ZXJ";      　　  this.age=24;       　　if(typeof Parent._sayname=="undefined"){              　　Parent.prototype.sayname=function(){                     return this.name;          　　 }              Parent._sayname=true;          }                 };        调用：     var  x =new  Parent();      alert(x.sayname());