js常用的继承--组合式继承

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js常用的继承--组合式继承，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1572字，纯文字阅读大概需要3分钟。

内容图文

组合继承有时候也叫伪经典继承，指的是将原型链和借用构造函数技术组合到一块，从而发挥二者之长的一种继承模式，其背后的思路是使用原型链实现对原型属性和方法的继承，而通过借用构造函数来实现对实例属性的继承。这样既通过在原型上定义方法实现了函数复用，又能保证每个实例都有它的自己的属性。

 function SuperType(name){
  this.name=name;
  this.colors=["red","blue","green"];
 }
 SuperType.prototype.sayName=function(){
  console.log(this.name);
 }
 function SubType(name,age){
  SuperType.call(this,name);
  this.age=age;
 }
 SubType.prototype=new SuperType();
 SubType.prototype.constructor=SubType;
 SubType.prototype.sayAge=function(){
  console.log(this.age);
 }
 var instance1=new SubType("zxf",24);
 instance1.colors.push("black");
 console.log(instance1.colors);//["red","blue","green","black"]
 instance1.sayName();//"zxf"
 instance1.sayAge();//24
 var instance2=new SubType("jay",36);
 console.log(instance2.colors);//["red","blue","green"]
 instance2.sayName();//"jay"
 instance2.sayAge();//36

在这个例子中，supertype构造函数定义了两个属性，name和colors。supertype的原型定义了一个方法sayname()。subtype构造函数调用supertype时传入了name参数，紧接着又定义了它自己的属性age。然后将supertype的实例赋值给subtype的原型，然后又在该新原型上定义了方法sayage()。这样一来，就可以让两个不同的subtype实例既可以拥有属性--包括colors属性，又可以使用相同的方法。

组合式继承缺点是：调用了两次supertype构造函数，一次在赋值subtype的原型时，一次在实例化子类时call调用，这次调用会屏蔽原型中的两个同名属性。

参考书籍：Javascript高级程序设计（第3版）;

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

内容总结

以上是互联网集市为您收集整理的js常用的继承--组合式继承全部内容，希望文章能够帮你解决js常用的继承--组合式继承所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端