[js高手之路]寄生组合式继承的优势详解

在之前javascript面向对象系列的文章里面，我们已经探讨了组合继承和寄生继承，回顾下组合继承：

function Person( uName ){
      this.skills = [ 'php', 'javascript' ];
      this.userName = uName;
    }
    Person.prototype.showUserName = function(){
      return this.userName;
    }
    function Teacher ( uName ){
      Person.call( this, uName );
    }
    Teacher.prototype = new Person();

    var oT1 = new Teacher( 'ghostwu' );
    oT1.skills.push( 'linux' );
    var oT2 = new Teacher( 'ghostwu' );
    console.log( oT2.skills ); //php,javascript
    console.log( oT2.showUserName() ); //ghostwu

组合继承有个缺点，父类的构造函数会被调用两次.

第11行，设置子类原型对象(prototype)，调用了第一次

第9行，实例化对象的时候，又调用一次

构造函数的目的是为了复制属性，第9行肯定是不能少的，第11行的目的是为了获取到父类原型对象(prototype)上的方法，基于这个目的，有没有别的方法

可以做到 在不需要实例化父类构造函数的情况下，也能得到父类原型对象上的方法呢？ 当然可以，我们可以采用寄生式继承来得到父类原型对象上的方法

function Person( uName ){
      this.skills = [ 'php', 'javascript' ];
      this.userName = uName;
    }
    Person.prototype.showUserName = function(){
      return this.userName;
    }
    function Teacher ( uName ){
      Person.call( this, uName );
    }

    function object( o ){
      var G = function(){};
      G.prototype = o;
      return new G();
    }

    function inheritPrototype( subObj, superObj ){
      var proObj = object( superObj.prototype ); //复制父类superObj的原型对象
      proObj.constructor = subObj; //constructor指向子类构造函数
      subObj.prototype = proObj; //再把这个对象给子类的原型对象
    }

    inheritPrototype( Teacher, Person );

    var oT1 = new Teacher( 'ghostwu' );
    oT1.skills.push( 'linux' );
    var oT2 = new Teacher( 'ghostwu' );
    console.log( oT2.skills ); //php,javascript
    console.log( oT2.showUserName() ); //ghostwu

其实，说白了寄生组合式继承就是一个借用构造函数 + 相当于浅拷贝父类的原型对象

以上这篇[js高手之路]寄生组合式继承的优势详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# js  # 寄生组合式继承  # 简单谈谈JavaScript寄生式组合继承  # Javascript组合继承方法代码实例解析  # 实例介绍JavaScript中多种组合继承  # JavaScript寄生组合式继承原理与用法分析  # JavaScript类的继承方法小结【组合继承分析】  # JavaScript寄生组合式继承实例详解  # [js高手之路]从原型链开始图解继承到组合继承的产生详解  # js常用的继承--组合式继承  # JS继承之借用构造函数继承和组合继承  # JavaScript组合继承详解  # 子类  # 给大家  # 是为了  # 有个  # 不需要  # 也能  # 两次  # 我们可以  # 之路  # 希望能  # 这篇  # 说白了  # 再把  # 小编  # 可以做到  # 不能少  # 大家多多  # 面向对象  # 情况下  # return 

相关文章： 常州企业建站如何选择最佳模板？  建站之星收费标准详解：套餐费用及年费价格表一览  如何选择服务器才能高效搭建专属网站？  小说建站VPS选用指南：性能对比、配置优化与建站方案解析  孙琪峥织梦建站教程如何优化数据库安全？  如何挑选优质建站一级代理提升网站排名？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  创业网站制作流程,创业网站可靠吗？  宿州网站制作公司兴策,安徽省低保查询网站？  山东网站制作公司有哪些,山东大源集团官网？  如何在橙子建站中快速调整背景颜色？  东莞市网站制作公司有哪些,东莞找工作用什么网站好？  制作网站的软件免费下载,免费制作app哪个平台好？  如何选择香港主机高效搭建外贸独立站？  太原网站制作公司有哪些,网约车营运证查询官网？  建站之星客服服务时间及联系方式如何？  网站制作难吗安全吗,做一个网站需要多久时间？  jQuery 常见小例汇总  模具网站制作流程,如何找模具客户？  学校为何禁止电信移动建设网站？  如何生成腾讯云建站专用兑换码？  如何用景安虚拟主机手机版绑定域名建站？  c++怎么编写动态链接库dll_c++ __declspec(dllexport)导出与调用【方法】  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  制作门户网站的参考文献在哪,小说网站怎么建立？  如何在阿里云香港服务器快速搭建网站？  如何快速建站并高效导出源代码？  建站VPS配置与SEO优化指南：关键词排名提升策略  javascript中对象的定义、使用以及对象和原型链操作小结  Dapper的Execute方法的返回值是什么意思 Dapper Execute返回值详解  电影网站制作价格表,那些提供免费电影的网站，他们是怎么盈利的？  浙江网站制作公司有哪些,浙江栢塑信息技术有限公司定制网站做的怎么样？  早安海报制作网站推荐大全,企业早安海报怎么每天更换？  如何确保西部建站助手FTP传输的安全性？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  XML的“混合内容”是什么 怎么用DTD或XSD定义  音乐网站服务器如何优化API响应速度？  如何快速搭建虚拟主机网站？新手必看指南  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买？  定制建站平台哪家好？企业官网搭建与快速建站方案推荐  如何快速使用云服务器搭建个人网站？  无锡制作网站公司有哪些,无锡优八网络科技有限公司介绍？  太平洋网站制作公司,网络用语太平洋是什么意思？  如何高效利用亚马逊云主机搭建企业网站？  建站VPS能否同时实现高效与安全翻墙？  官网自助建站平台指南：在线制作、快速建站与模板选择全解析  C#如何在一个XML文件中查找并替换文本内容  装修招标网站设计制作流程,装修招标流程？  网站制作网站,深圳做网站哪家比较好？  建站之星展会模版如何一键下载生成？