javascript組合繼承的基本原理
組合繼承有時也叫偽經典繼承,結合了原型鏈和盜用建構函式。
1、透過原型鏈繼承原型上的屬性和方法,盜用建構函式繼承例項屬性。
2、這樣不僅可以將方法定義為原型,還可以使每個例項都有自己的屬性。
例項
function Super (name) { this.name = name this.friends = ['zs', 'ls'] } Super.prototype.walk = function () { console.log(this.name + ' is walking.') } function Sub (name, age) { Super.call(this, name) this.age = age } Sub.prototype = new Super() Sub.prototype.run = function () { console.log(this.name + ' is ' + this.age + ' years old. He can run now.') } const p1 = new Sub('wzq', 24) p1.walk() p1.run() p1.friends.push('zmk') console.log(p1.friends) const p2 = new Sub('zmk', 24) p2.walk() p2.run() console.log(p2.friends)
以上就是javascript組合繼承的基本原理,希望對大家有所幫助。更多Javascript學習指路:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2331/viewspace-2827916/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- JavaScript中的繼承和組合JavaScript繼承
- 繼承與組合繼承
- prefer 組合 to 繼承繼承
- 組合優於繼承繼承
- 【Java】繼承、抽象、組合Java繼承抽象
- Java中的繼承與組合Java繼承
- js 組合繼承詳解JS繼承
- Docker的組合優於繼承 - frankelDocker繼承
- 類的組合與繼承——作業繼承
- YTU-OJ-繼承與組合繼承
- JavaScript的繼承JavaScript繼承
- python物件導向的繼承-組合-02Python物件繼承
- 深入理解java中的組合和繼承Java繼承
- 組合思維與繼承思維的不同繼承
- 類的組合、繼承、模板類、標準庫繼承
- Javascript繼承4:潔淨的繼承者—-原型式繼承JavaScript繼承原型
- [javascript高手之路]寄生組合式繼承的優勢JavaScript繼承
- JavaScript繼承JavaScript繼承
- JavaScript 繼承JavaScript繼承
- javascript:繼承JavaScript繼承
- 【設計模式】如何用組合替代繼承設計模式繼承
- JavaScript中的繼承JavaScript繼承
- javascript繼承的方式JavaScript繼承
- javascript的superclass繼承JavaScript繼承
- Javascript繼承2:建立即繼承—-建構函式繼承JavaScript繼承函式
- javascript之繼承JavaScript繼承
- JavaScript class 繼承JavaScript繼承
- JavaScript extends 繼承JavaScript繼承
- javascript類繼承JavaScript繼承
- 菜鳥譯文(一)——Java中的繼承和組合Java繼承
- JavaScript的繼承-轉載JavaScript繼承
- javascript的原型和繼承JavaScript原型繼承
- 征服 JavaScript 面試:類繼承和原型繼承的區別JavaScript面試繼承原型
- 實驗四 類的組合、繼承、模板類、標準庫繼承
- 實驗四 類的組合,繼承,模板類,標準庫繼承
- 實驗4 類的組合、繼承、模板類、標準庫繼承
- [許可權設計]組的繼承:需要從多個父組繼承嗎?繼承
- JavaScript(2)之——繼承JavaScript繼承