溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了“js組合繼承的優缺點有哪些”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“js組合繼承的優缺點有哪些”這篇文章吧。
1、優點是可以實現函數復用，保證每個實例之間的屬性不會相互影響。
2、缺點是超類型屬性繼承兩次，一次是子類型原型繼承，一次是子類型實例繼承，但實例繼承的屬性屏蔽了原型繼承的屬性。
實例
// 父構造函數
function Father(name) {
this.child = {
name: name
}
}
// 父原型上綁定方法
Father.prototype.alertName = function () {
console.log(this.child)
}
// 子構造函數 借用構造函數繼承父
function Children(name) {
Father.call(this, name)
}
// 原型鏈繼承
Children.prototype = new Father()
Children.prototype.constructor = Children
// 子原型上創建 函數
Children.prototype.speakName = function () {
console.log('speakName')
}
// 創建子實例
let c1 = new Children('c1')
let c2 = new Children('c2')
// 修改引用類型值 name
c1.child.name = '修改引用類型值'
// 組合繼承做到了2件事：
// 1.復用原型方法
// 2.實例屬性隔離
c1.alertName()// { name: '修改引用類型值' }
c1.speakName()// speakName
c2.alertName()// { name: 'c2' }
c2.speakName()// speakName
console.log(c1 instanceof Father)//true以上是“js組合繼承的優缺點有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
