老生常談 關(guān)于JavaScript的類的繼承
其實最一開始學JS的時候就看過繼承的實現(xiàn)。當時只是去試著理解從書上看來的代碼段而已。今天又重新思考了一下,感覺這是一個思維探索演進的結(jié)果。
繼承,即復用。
如果拋開繼承的固有思想,讓b復用a的成員,最簡單粗暴的做法, b=a;
那么,問題來了: 對b的任何改動,就是對a的改動(同一個object嘛)。
好吧,那就拷貝一份,淺拷貝不夠安全的話,就用深拷貝。
問題:代碼是復用了,但內(nèi)存浪費了(不管是變量還是方法,在JS中都是對象)。
不拷貝,只讀不寫,就可以用JS的原型,b.__proto__ = a。一般我們不直接更改__proto__,太暴力了,JS中提供了一個method可以比較“溫和”地達到目的——Object.create(b)。
這個方法可行,但這只是具體對象的復用模式,如果做到“利用ConstructorB創(chuàng)建的對象能復用ConstructorA的對象的原型”呢?
答案是:將b看成是ConstructorB.prototype,將a看成ConstructorA.prototype.
問題:
解決方法:
申明ConstructorB的時候,系統(tǒng)自動會讓ConstructorB.prototype.constructor=ConstructorB; 在上面代碼中為了復用ConstructorA.prototype, 丟掉了constructor, 補上即可。
以上是最基本的繼承,關(guān)于子類如何更通用地調(diào)用父類的構(gòu)造函數(shù)及成員(如this._super),如何更通用地實現(xiàn)繼承模式(如A=inheritFrom(B)),等等,不在本文范圍^O^
以上就是小編為大家?guī)淼睦仙U?關(guān)于JavaScript的類的繼承全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
移動端自適應(yīng)flexible.js的使用方法(不用三大框架,僅寫一個單html頁面使用)推薦
這篇文章主要介紹了移動端自適應(yīng)flexible.js使用方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-04-04javascript窗口寬高,鼠標位置,滾動高度(詳細解析)
javascript窗口寬高,鼠標位置,滾動高度(詳細解析)。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11