在做一件事情之前,首先要清楚做這件事情的好處有什么,相信不會(huì)有哪個(gè)人愿意無(wú)緣無(wú)故的去做事情。一般說(shuō)來(lái),我們?cè)谠O(shè)計(jì)類(lèi)的時(shí)候,實(shí)際上就是希望能減少重復(fù)性的代碼,使用繼承可以完美的做到這一點(diǎn),借助繼承機(jī)制,你可以在現(xiàn)有類(lèi)的基礎(chǔ)上再次進(jìn)行設(shè)計(jì)并且充分利用它們已經(jīng)具備的各種方法,而對(duì)設(shè)計(jì)的修改也更為輕松。廢話不多說(shuō)了,舉例說(shuō)明:
通過(guò)上例可以看到,Bloger在其內(nèi)部通過(guò)call動(dòng)態(tài)調(diào)用了其父類(lèi)Person的原生屬性和方法(關(guān)于call的講解請(qǐng)參考//m.survivalescaperooms.com/article/62086.htm),即可以理解為Bloger繼承了Person,成為它的一個(gè)子類(lèi),但是細(xì)心的同學(xué)會(huì)發(fā)現(xiàn),Person原型對(duì)象中的方法,僅僅依靠call,是不能繼承過(guò)來(lái)的,這也就是會(huì)提示"bloger.getname is not a function"的原因所在了。不過(guò)不用擔(dān)心,對(duì)上述代碼稍作處理,即可解決這個(gè)問(wèn)題!
在這里需要對(duì)這兩行代碼解釋一下,我們知道,每一個(gè)構(gòu)造函數(shù)都有一個(gè)prototype屬性,這個(gè)屬性指向該構(gòu)造函數(shù)的原型對(duì)象,其實(shí)原型對(duì)象也是實(shí)例對(duì)象,只不過(guò)在原型對(duì)象中定義的屬性和方法可以提供給所有的實(shí)例對(duì)象共享,由此可以得出,新添加兩行代碼的意圖就是設(shè)置子類(lèi)的原型對(duì)象指向父類(lèi)的一個(gè)實(shí)例化對(duì)象,而父類(lèi)的實(shí)例化對(duì)象會(huì)把父類(lèi)的原型屬性方法統(tǒng)統(tǒng)繼承過(guò)來(lái),這樣也就達(dá)到了我們的目的,子類(lèi)的原型繼承了所有父類(lèi)實(shí)例對(duì)象具有的屬性和方法。
但是還應(yīng)該注意Bloger.prototype.constructor = Bloger;這行代碼,因?yàn)榘炎宇?lèi)的prototype設(shè)置為父類(lèi)的實(shí)例時(shí),其constructor屬性會(huì)指向父類(lèi),所以要設(shè)置子類(lèi)原型的constructor重新指向子類(lèi),至此,已經(jīng)完美實(shí)現(xiàn)了javascript的類(lèi)式繼承!
為了簡(jiǎn)化子類(lèi)的聲明,可以把擴(kuò)展子類(lèi)的整個(gè)過(guò)程寫(xiě)在一個(gè)名為extend的函數(shù)中,作用就是基于一個(gè)給定的類(lèi)結(jié)構(gòu)去創(chuàng)建一個(gè)新的類(lèi):
有了這個(gè)extend這個(gè)函數(shù),就可以很方便的擴(kuò)展子類(lèi)了,只需調(diào)用這個(gè)函數(shù)即可,上述添加的兩行代碼可改為extend(Bloger,Person), 一樣可以實(shí)現(xiàn)完全繼承!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注