您好,登錄后才能下訂單哦!
本文實例講述了JavaScript類的繼承方法。分享給大家供大家參考,具體如下:
在JavaScript 里,被繼承的函數稱為超類型(父類,基類也行,其他語言叫法),繼承的函數稱為子類型(子類,派生類)。繼承也有之前問題,比如字面量重寫原型會中斷關系,使用引用類型的原型,并且子類型還無法給超類型傳遞參數。
為了解決引用共享和超類型無法傳參的問題,我們采用一種叫借用構造函數的技術,或者成為對象冒充(偽造對象、經典繼承)的技術來解決這兩種問題。
function aObj(){ this.name = ['小紅','小強']; } } aObj.prototype.showname = ()=>{ alert(this.name) } function bObj(){ aObj.call(this); //只針對構造函數本身的繼承 還需要繼承原型 }
借用構造函數雖然解決了函數本身的繼承,但沒有繼承原型鏈。所以,我們需要原型鏈+借用構造函數的模式,這種模式稱為組合繼承。
方法一:
bObj.prototype = aObj.prototype;
缺點:引用類型,在操作對象原型時候,直接改變堆內存中對象的方法
方法二:
bObj.prototype = new aObj();
這種繼承借助原型并基于已有的對象創建新對象,同時還不必因此創建自定義類型,但是構造函數兩次繼承,不是很好
方法三:
bObj.prototype = Object.create(aObj.prototype); bObj.prototype.constructor = bObj
使用a原型對象及其屬性去創建一個新的對象,并將這個對象的constructor指向B函數本身,不存在重復繼承的問題
方法四:
for (var i in aObj.prototype) { bObj.prototype[i] = aObj.prototype[i]; }
將a的原型鏈遍歷給b對象,實現原型的深度拷貝,雙方互不影響
更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《javascript面向對象入門教程》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。