- 相關(guān)推薦
關(guān)于JavaScript中繼承的深入理解
JavaScript中我們可以借助原型實現(xiàn)繼承。
例如
function baz(){this.oo="";}function foo(){}foo.prototype=new baz();var myFoo=new foo();myFoo.oo;
這樣我們就可以訪問到baz里的屬性oo啦。在實際使用中這個樣不行滴，由于原型的共享特點（數(shù)據(jù)保存在了堆上），
所有實例都使用一個原型，一但baz的屬性有引用類型就悲劇了，一個實例修改了其他實例也都跟著變了...wuwuwu
自然就有了組合式繼承
function baz(){this.oo="";}baz.prototype.xx=function(){}function foo(){baz.call(this);//第二次調(diào)用}foo.prototype=new baz();//第一次調(diào)用var myFoo=new foo();myFoo.oo;myFoo.xx;
這樣就會有一個問題，代碼里也表明出來了，baz會被調(diào)用兩次，身為處女座的怎么可以允許呢..
插一句，第二種方式就不用出現(xiàn)第一種方式的問題嗎？答案是不會的。
原因是屬性的查找是先從對象自身開始，沒找到才會去原型中去找，call時就把屬性給繼承了。
再插一句，那這樣只使用call繼承不就行了嗎？如果不使用原型這個是可行的，但是作為處女座怎么能不使用原型呢，
在原型上方法是共享的，這樣性能就好了很多呀。
寄生組合式繼承
__extends=function (p,c){function ctor(){this.constructor=c;//賦值構(gòu)造函數(shù)}ctor.prototype=p.prototype;c.prototype=new ctor();}function baz(){this.oo=[1];}baz.prototype.xx=function(){}__extends(baz,foo);function foo(){baz.call(this);}var myFoo=new foo();myFoo.oo;myFoo.xx;
這樣不但解決了兩次調(diào)用的問題，還解決了對象調(diào)用構(gòu)造函數(shù)時調(diào)用的是真實的創(chuàng)建對象的函數(shù)而不是原型鏈上其他的構(gòu)造函數(shù)。
代碼里有表明。
構(gòu)造函數(shù)是原型對象上的一個屬性，是對象的創(chuàng)建者。由于我們的原型屬性被從新賦值了所以構(gòu)造函數(shù)時繼承來的。
這里要說一下，對象是怎樣創(chuàng)建，也就是new都干了些什么。
例如：
var a=new b();
其實是這樣的，a={};創(chuàng)建了一個給a,然后b.call(a);call里初始化a,在call之前還有一步，就是a的內(nèi)部原型對象
設(shè)置為b的原型屬性指向的原型對象。原型上有構(gòu)造函數(shù)屬性，構(gòu)造函數(shù)用來創(chuàng)建對象分配內(nèi)存控件。
大概就這些...看看時間也不早了，碎吧，保持平和的心態(tài)切勿浮躁，努力去改變明天，希望一切都會慢慢變好。
【JavaScript中繼承的深入理解】相關(guān)文章：
有關(guān)深入理解JavaScript中的并行處理的介紹10-14
對javascript的理解08-08
淺談javascript中的單線程理解08-16
淺談如何深入學(xué)習(xí)Javascript中的this關(guān)鍵字08-19
理解JavaScript原型鏈教程09-02
javascript的閉包概念怎么理解06-15
JavaScript中的with關(guān)鍵字07-24