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