js中的繼承

2022-09-04 23:27:20 字數 997 閱讀 8293

/**目前我們有幾種方式來實現繼承,

* 方式一:通過原型鏈的方式來繼承

* 方式二:通過借用建構函式的方式來繼承

* 方式三:組合繼承

* */

//方式一

//這種方式存在一些問題,就是不能在例項化子類物件的時候自定義繼承過來的屬性

//完全是由改變子類建構函式的原型指向的那個父類的例項化物件來決定

// function person(name)

// person.prototype.eat = function ()

//// function student(age)

// student.prototype = new person("bar")

// student.prototype.study = function ()

//// const stu1 = new student(18)

// stu1.eat()

// stu1.study()

//方式二

//這種方式雖然解決了自定義屬性的問題,但是並沒有繼承原型之中的資料

// function person(name)

// person.prototype.eat = function ()

//// function student(name, age)

// const stu2 = new student("李四", 19)

//下面這串**會報錯

// stu2.eat()

//方式三

function person(name)

person.prototype.eat = function ()

function student(name, age)

student.prototype = new person()

const stu3 = new student("王五", 20)

stu3.eat()

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 指標指向原型物件。那...