js中的繼承

2021-10-25 19:54:44 字數 561 閱讀 6909

本文主要講js中es6和es5的繼承

**如下:

classa;

class

bextendsafn

()}let b =

newb()

;b.fn(

);'#fff')

本例中子類b 通過extends關鍵字繼承了父類a,並在fn方法中列印了父類a的color屬性

**如下:

functiona(

);functionb(

)}b.prototype =

newa()

;b.prototype.constructor =b;

b.prototype.

getname

=function()

let b =

newb()

;b.getcolor()

;

本例中把a的例項賦值給b的prototype,並在賦值後,將b.prototype.constructor指向自身,以此來實現b繼承a。

js中的繼承

繼承有兩種方式 介面繼承和實現繼承。介面繼承只繼承方法簽名,而實現繼承則繼承實際的方法。由於函式沒有簽名,在ecmascript中無法實現介面繼承。ecmascript只支援實現繼承,而且實現繼承主要依靠原型鏈來實現。下面介紹幾種js的繼承 原型鏈繼承實現的本質是重寫原型物件,代之以乙個新型別的例項...

JS中的繼承

定義乙個動物類 實現下面的繼承 function animal name animal.prototype.eat function food 1 原型鏈繼承 核心 將父類的例項作為子類的原型 function cat cat.prototype new animal cat.prototype.n...

JS中的繼承

對於乙個從事前端開發的工作者,如果對js中的原型 原型鏈 繼承等這些了解不透徹,說明你還是個初學者哦!下面我們來談談繼承這些事吧 建構函式中有乙個 prototype的指標,指向其原型物件,原型物件中有乙個constructor指標指向建構函式,例項中有乙個 prototype 指標指向原型物件。那...