1. 程式人生 > 其它 >js高階_原型鏈繼承

js高階_原型鏈繼承

實現繼承方式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();