继承的六种方式

一、原型链继承

   function sub(){
  this.name='张新苗';
   }
  sub.prototype= new Person();
  var s1=new sub();
   console.log(s1);
  console.log(s1 instanceof Person);//检测是否继承

二、构造函数的继承

  function  sub(){
     Person.call(this,'章绘绘');//改变this指向
   }
   var s1=new sub();
   console.log(s1);

三、组合式继承

  function sub(){
  Person.call(this,'张玉芯');//借用构造函数的方式
  }
  sub.prototype=new Person();//原型链的继承
  var s1=new sub();//继承
  console.log(s1);

四、原型式继承

 function content(obj){
   function F(){}
  F.prototype=obj;//继承传入的参数
  return new F();//返回实例对象
 }
 var s1=new Person();//把Person实例的方法拿过来
 var s2=content(s1);
console.log(s2);

五、寄生式继承

function content(obj){
  function F(){}
  F.prototype=obj
   return new F();
}
var s1=new Person();//Person的方法,原型式继承
function sub(obj){//再套个盒子传递参数
  var s2=content(obj);
  s2.name='曹慧洁'
  return s2;
}
var s3=sub(s1)//所以这个时候sub就有Person的方法了
console.log(s3.age);

六、寄生组合方法封装的继承

 function content(obj){
     function F(){};
   F.prototype=obj;
   return new F();   
}
 console.log(content())//指向F{}
 console.log(Person.prototype)//指向Person(name) 
 var c=content(Person.prototype); //把Person的方法给放进去 
function sub(){
    Person.call(this)//改变this指向
}
sub.prototype=c;
 var s2=new sub();
console.log(s2);

寄生组合方法简单化的继承

  console.log(Person.prototype);//{constructor: ƒ}  对象
 function F(){}
console.log(F.prototype)//{constructor: ƒ}  对象
 F.prototype=Person.prototype
 function sub(){
     Person.call(this)//改变this指向
 } 
 console.log(sub.prototype.constructor)//指向sub函数
 sub.prototype=new F();//把Person的方法拿来
 console.log(sub.prototype)
 var s2= new sub()//sub里有Person的方法
console.log(s2);

你可能感兴趣的:(继承的六种方式)