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繼承抽象
- js 組合繼承詳解JS繼承
- Docker的組合優於繼承 - frankelDocker繼承
- 類的組合與繼承——作業繼承
- Javascript繼承4:潔淨的繼承者—-原型式繼承JavaScript繼承原型
- python物件導向的繼承-組合-02Python物件繼承
- JavaScript繼承JavaScript繼承
- javascript:繼承JavaScript繼承
- JavaScript 繼承JavaScript繼承
- JavaScript中的繼承JavaScript繼承
- [javascript高手之路]寄生組合式繼承的優勢JavaScript繼承
- 類的組合、繼承、模板類、標準庫繼承
- JavaScript class 繼承JavaScript繼承
- JavaScript extends 繼承JavaScript繼承
- javascript之繼承JavaScript繼承
- Javascript繼承2:建立即繼承—-建構函式繼承JavaScript繼承函式
- javascript的原型和繼承JavaScript原型繼承
- JavaScript的繼承-轉載JavaScript繼承
- 【設計模式】如何用組合替代繼承設計模式繼承
- JavaScript(2)之——繼承JavaScript繼承
- Javascript 繼承和克隆JavaScript繼承
- 深入JavaScript繼承原理JavaScript繼承
- JavaScript之物件繼承JavaScript物件繼承
- 搞懂 JavaScript 繼承原理JavaScript繼承
- JavaScript繼承總結JavaScript繼承
- Javascript繼承,再談JavaScript繼承
- JavaScript物件冒充繼承JavaScript物件繼承
- JavaScript 繼承全解析JavaScript繼承
- 實現JavaScript繼承JavaScript繼承
- JavaScript中的六種繼承JavaScript繼承
- JavaScript 的繼承與多型JavaScript繼承多型
- JavaScript中的函式繼承JavaScript函式繼承
- Javascript的繼承與多型JavaScript繼承多型
- 淺談JavaScript中的繼承JavaScript繼承
- JavaScript實現繼承的方式JavaScript繼承