javascript中什么是組合繼承?相信很多沒有經(jīng)驗的人對此束手無策,為此本文總結(jié)了問題出現(xiàn)的原因和解決方法,通過這篇文章希望你能解決這個問題。
創(chuàng)新互聯(lián)公司為客戶提供專業(yè)的成都網(wǎng)站制作、網(wǎng)站建設(shè)、程序、域名、空間一條龍服務(wù),提供基于WEB的系統(tǒng)開發(fā). 服務(wù)項目涵蓋了網(wǎng)頁設(shè)計、網(wǎng)站程序開發(fā)、WEB系統(tǒng)開發(fā)、微信二次開發(fā)、移動網(wǎng)站建設(shè)等網(wǎng)站方面業(yè)務(wù)。
1、說明
用原型鏈實現(xiàn)原型屬性和方法的繼承,借用構(gòu)造函數(shù)技術(shù)實現(xiàn)實例屬性的繼承。
2、缺點
組合模式的缺點是使用子類制作實例對象時,其原型有兩種相同的屬性、方法。
3、實例
function SuperType(name){ this.name = name; this.colors = ["red", "blue", "green"]; } SuperType.prototype.sayName = function(){ alert(this.name); }; function SubType(name, age){ // 繼承屬性 // 第二次調(diào)用SuperType() SuperType.call(this, name); this.age = age; } // 繼承方法 // 構(gòu)建原型鏈 // 第一次調(diào)用SuperType() SubType.prototype = new SuperType(); // 重寫SubType.prototype的constructor屬性,指向自己的構(gòu)造函數(shù)SubType SubType.prototype.constructor = SubType; SubType.prototype.sayAge = function(){ alert(this.age); }; var instance1 = new SubType("Nicholas", 29); instance1.colors.push("black"); alert(instance1.colors); //"red,blue,green,black" instance1.sayName(); //"Nicholas"; instance1.sayAge(); //29 var instance2 = new SubType("Greg", 27); alert(instance2.colors); //"red,blue,green" instance2.sayName(); //"Greg"; instance2.sayAge(); //27
看完上述內(nèi)容,你們掌握javascript中什么是組合繼承的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!