js高階 原型鏈繼承

2022-10-08 22:30:27 字數 783 閱讀 6132

實現繼承方式1

套路:1,定義父型別建構函式。

2,給父型別的原型新增方法。

3,定義子型別的建構函式。

4,建立父型別的物件賦值給子型別的原型。

5,將子類原型的構造屬性設定為子型別。

6,給子型別原型新增方法

7,建立子型別的物件:可以呼叫父型別的方法

關鍵:子型別的原型為父型別的乙個例項物件。實際上是子類的例項通過隱式原型屬性一直往原型鏈找。

建立父型別建構函式

//父型別

function super()

//向父型別原型物件中新增乙個方法

super.prototype.showsuperpro=function()

建立子型別建構函式
//子類

function sub()

//向子型別原型物件中新增乙個方法

sub.prototype.showsubprop=function()

實現原型鏈繼承並呼叫父類方法
//原型繼承

sub.prototype=new super();

//例項化子類呼叫父類方法

var sub1=new sub();

//呼叫父類的原型物件的方法。

JS高階之原型,原型鏈,繼承

一 原型 1.原型是function物件的乙個屬性,它定義了建構函式製造出的物件的公共祖先,通過建構函式例項化的物件可以繼承該原型的屬性和方法,原型也是物件 2.例項物件可以訪問自己的屬性和方法,也可以訪問原型物件的屬性和方法,例項物件和原型物件都有的屬性和方法,訪問的是例項物件的 3.利用原型的特...

js繼承,原型鏈繼承

1 乙個型別的物件能夠訪問另外乙個型別的屬性和方法 2 類與類之間的關係 類就是眾多例項共有的屬性和方法的乙個抽象 function animal name animal.prototype.say function function dog 把子類的原型指向父類的例項 dog.prototype ...

js 原型鏈繼承

建構函式的prototype的 proto 預設指向object.prototype,是繼承object。function animal age animal.prototype.getage function animal.prototype.eat function function dog n...