相信大家都知道JavaScript面向?qū)ο蟮脑O(shè)計(jì)是基于JavaScript原型(prototype)的,也能看到很多優(yōu)秀的框架(如jQuery、YUI)都應(yīng)用到了prototype,那就不妨把這個(gè)可惡又奇妙的prototype給弄明白,再看那些優(yōu)秀框架的源碼也就不是什么難事兒了,同時(shí),它也能夠幫助我們合理組織我們的代碼。
原型[prototype]:
每個(gè)對(duì)像都有一個(gè)隱慝的屬性用于指向到它的父對(duì)像(構(gòu)造對(duì)像的函數(shù))的原型(這里稱為父原型或隱式原型),并從中繼承它的屬性和方法 [函數(shù)對(duì)像除了父原型引用外,還有一個(gè)顯式的原型引用],在一般情況下,對(duì)像的父原型是不可以訪問(wèn)的,而函數(shù)對(duì)像的顯式原型可以通過(guò)FunctionName.prototype進(jìn)行訪問(wèn) [在firefox中你可以通過(guò)對(duì)像的__proto__屬性來(lái)訪問(wèn)對(duì)像的父原型]
這個(gè)原型屬性本身又是一個(gè)Object類型的對(duì)像,因此可以給這個(gè)原型屬性添加任意的屬性和方法 讓實(shí)例對(duì)像來(lái)繼承它們
老套路,直接放置一個(gè)圖——
對(duì)于這張圖的說(shuō)明及引深——
1.本圖能夠深入剖析有關(guān)原型方面的基礎(chǔ)理論; 2.本圖能夠解釋為何使用函數(shù)原型能夠節(jié)省內(nèi)存,因此我們常常將可復(fù)用的成員(包括屬性和方法)添加到函數(shù)原型中; 3.本圖中介紹的兩種模式也是我們常常使用的類式繼承模式(另外還包括借用構(gòu)造函數(shù)、借用和設(shè)置原型、共享原型),當(dāng)然每一個(gè)類式繼承模式均有其應(yīng)用場(chǎng)景,在此先不做闡述。 4.深入理解函數(shù)原型(繼承)能夠極大的復(fù)用我們的代碼,它的實(shí)質(zhì)便是實(shí)現(xiàn)代碼復(fù)用。