[js高手之路]寄生组合式继承的优势详解
在之前javascript面向对象系列的文章里面,我们已经探讨了组合继承和寄生继承,回顾下组合继承:
functionPerson(uName){ this.skills=['php','javascript']; this.userName=uName; } Person.prototype.showUserName=function(){ returnthis.userName; } functionTeacher(uName){ Person.call(this,uName); } Teacher.prototype=newPerson(); varoT1=newTeacher('ghostwu'); oT1.skills.push('linux'); varoT2=newTeacher('ghostwu'); console.log(oT2.skills);//php,javascript console.log(oT2.showUserName());//ghostwu
组合继承有个缺点,父类的构造函数会被调用两次.
第11行,设置子类原型对象(prototype),调用了第一次
第9行,实例化对象的时候,又调用一次
构造函数的目的是为了复制属性,第9行肯定是不能少的,第11行的目的是为了获取到父类原型对象(prototype)上的方法,基于这个目的,有没有别的方法
可以做到在不需要实例化父类构造函数的情况下,也能得到父类原型对象上的方法呢?当然可以,我们可以采用寄生式继承来得到父类原型对象上的方法
functionPerson(uName){ this.skills=['php','javascript']; this.userName=uName; } Person.prototype.showUserName=function(){ returnthis.userName; } functionTeacher(uName){ Person.call(this,uName); } functionobject(o){ varG=function(){}; G.prototype=o; returnnewG(); } functioninheritPrototype(subObj,superObj){ varproObj=object(superObj.prototype);//复制父类superObj的原型对象 proObj.constructor=subObj;//constructor指向子类构造函数 subObj.prototype=proObj;//再把这个对象给子类的原型对象 } inheritPrototype(Teacher,Person); varoT1=newTeacher('ghostwu'); oT1.skills.push('linux'); varoT2=newTeacher('ghostwu'); console.log(oT2.skills);//php,javascript console.log(oT2.showUserName());//ghostwu
其实,说白了寄生组合式继承就是一个借用构造函数+相当于浅拷贝父类的原型对象
以上这篇[js高手之路]寄生组合式继承的优势详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。