JavaScript面向對象——理解構造函數繼承(類繼承)

構造函數式繼承(類繼承)

function SuperClass(id) {// 引用類型公有屬性this.books = ['JavaScript', 'Nodejs', 'Java']// 值類型公有屬性this.id = id}// 父類聲明原型方法SuperClass.prototype.showBooks = function () {console.log(this.books)}// 聲明子類function SubClass(id) {SuperClass.call(this, id)}// 創建第一個子類的實例var instance1 = new SubClass(10)// 創建第二個子類的實例var instance2 = new SubClass(11)instance1.books.push('設計模式')// 打印結果console.log(instance1.books) // ['JavaScript', 'Nodejs', 'Java', '設計模式']console.log(instance1.id) // 10console.log(instance2.books) // // ['JavaScript', 'Nodejs', 'Java']console.log(instance2.id) // 11// 嘗試調用父類prototype上的方法instance1.showBooks() // instance1.showBooks is not a function

SuperClass.call(this, id)，這條語句是構造函數式繼承的精華，由于call這個方法可以改變函數的作用環境，因此在子類中對SuperClass調用這個方法就是在子類中的變量在父類中執行一次，由于父類的屬性是this指定的，因此子類也就繼承了父類的公有屬性，由于這種類型的繼承沒有涉及prototype，所以父類的原型方法不會被子類繼承，如果想要被子類繼承就必須放在構造函數中，雖然解決了原型方式繼承中產生的一些弊端，但這樣創建出來的每個實例都會單獨有一份而不能共用，違背了代碼復用的原則，那么應該如何解決呢？

接下來討論討論綜合原型繼承與構造函數式繼承優點的寄生組合繼承。

總結

以上是生活随笔為你收集整理的JavaScript面向对象——理解构造函数继承(类继承)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。