javascript組合繼承的基本原理

lcc發表於2021-09-11

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/,如需轉載,請註明出處,否則將追究法律責任。

相關文章