js高階_原型鏈繼承
阿新 • • 發佈:2022-03-15
實現繼承方式1
方式一:原型鏈繼承
套路:
1,定義父型別建構函式。
2,給父型別的原型新增方法。
3,定義子型別的建構函式。
4,建立父型別的物件賦值給子型別的原型。
5,將子類原型的構造屬性設定為子型別。
6,給子型別原型新增方法
7,建立子型別的物件:可以呼叫父型別的方法
關鍵:
子型別的原型為父型別的一個例項物件。實際上是子類的例項通過隱式原型屬性一直往原型鏈找。
建立父型別建構函式
//父型別 function Super(){ this.suprop="Super Property"; } //向父型別原型物件中新增一個方法 Super.prototype.showSuperpro=function(){ console.log("我是父類super原型物件的方法") }
建立子型別建構函式
//子類
function Sub(){
this.subProp="Sub Property";
}
//向子型別原型物件中新增一個方法
Sub.prototype.showSubprop=function(){
console.log("我是子類的super原型物件的方法")
}
實現原型鏈繼承並呼叫父類方法
//原型繼承
Sub.prototype=new Super();
//例項化子類呼叫父類方法
var sub1=new Sub();
//呼叫父類的原型物件的方法。
sub1.showSuperpro();