簡單理解js的prototype屬性

百度js的prototype的文章，先看看，W3School關于prototype的介紹：

目前創(chuàng)新互聯(lián)已為近1000家的企業(yè)提供了網站建設、域名、網絡空間、網站托管、服務器托管、企業(yè)網站設計、貢山網站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

 

你覺得這概念適合定義js的prototype這個東西嗎？你是否也認為prototype是一個object對象的屬性呢？是的話，請認真認真看我這篇文章，因為這篇文章會毀滅你的人生三觀，呵呵，就是有這么嚴重，因為本人就是被這個定義給害慘的。

不得不說，看了網上的一些介紹prototype的文章，基本上都說prototype是對象的一個屬性，于是，我也堅定的認為prototype是一個對象的屬性，所以，我被了坑好久好久，由此，引發(fā)的后果就是，我一次次的誤解別人寫的含有prototype的js代碼，也就是當別人亮出js的prototype這個屬性來寫js代碼時，我看著他們寫的代碼都是　····一頭霧水·····　　，悲催??！所以，我恨死prototype這個東西了，因此，在這里，我今天必須把js的prototype屬性道個明明白白?？垂伲埐亮聊愕难劬?，仔細看我下面的實驗。

當然，我希望諸位看官也能夠靜下心來，把我下面的實驗重新做一遍，好證明我的結論是正確的。

同時，也為了證明·····我沒有····騙你們·····，呵呵，廢話不多說了，下面進入實驗階段。

先介紹一個下面要用到的函數(shù)，JSON.stringify(value)。

這個函數(shù)的作用是：把傳入的參數(shù)value變成字符串，它有三個參數(shù)，第一個參數(shù)是必須的，其余的兩個參數(shù)可填可不填。

關于JSON.stringify函數(shù)的作用請看這篇文章。http://www.cnblogs.com/ningvsban/p/3660654.html，這里說的很清楚。

首先，測試W3Schol的定義到底行不行的通：

如果，真如W3Schol所說的那樣，prototype是object的一個屬性，那么，我們來創(chuàng)建一個對象，看看這個對象的prototype到底是啥。

var ob = { };//超級簡單的空對象
alert(JSON.stringify(ob.prototype));

 

你覺得上面的代碼會alert出什么呢？既然prototype是object的一個屬性，那么上面肯定能夠獲取到什么東西對吧？但是，如果你拿這段代碼去做實驗了，你會被打臉的，因為它alert的東西是·········undefined··········，也就是說object這個屬性prototype不是個東西，很殘酷吧，但現(xiàn)實就是這樣，任何對象引用prototype都會出現(xiàn)undefined，不信，你可以試一試。

我可以很明白的告訴你，prototype絕對不是給對象用的，對象根本沒辦法引用prototype這個屬性，它真正的屬主，其實是···········函數(shù)········，記住，能夠引用prototype的東西絕對是函數(shù)，絕對是函數(shù)，絕對是函數(shù)，prototype是屬于函數(shù)的一個屬性，prototype是屬于函數(shù)的一個屬性，prototype是屬于函數(shù)的一個屬性，能夠引用它的只有·····函數(shù)····，能夠引用它的只有·····函數(shù)·····，能夠引用它的只有····函數(shù)····，函數(shù)，函數(shù)，函數(shù)，重要的事情一定要說千百遍，呵呵，因為只有明確這一點，下面，你才明白我要講的東西。別怪我這么墨跡??！

下面，我要給prototype一個名副其實的定義：

prototype是函數(shù)的一個屬性，是函數(shù)的原型對象。

就是這么簡單，能看明白嗎？　prototype只能夠被   函數(shù)     調用。

別搞混了js的object對象和function函數(shù)，js的對象和函數(shù)絕對是兩個概念，為什么？因為js的function函數(shù)可以new出object對象啊，是吧？這個你總該知道吧？

下面，來做試驗證明我的結論?！?/p>

//首先定義一個有名函數(shù)func
function func(){
    
}
alert(func.prototype);

你說，上面的代碼會alert什么呢？還會不會是undefined的呢？我敢肯定的告訴你絕對不是undefined的，因為本人已經alert過了，呵呵。

上面，彈出的窗口是：

 　　　　沒錯，返回的就是對象，這回你肯相信我，能夠調用prototype的一定是函數(shù)了吧？object引用prototype的時候給你返回的是一個不是東西的東西undefined，函數(shù)引用prototype的時候給你返回一個真真實實存在的東西object的，這還不夠證明prototype是給函數(shù)用的嗎？還不能夠證明對象是不能引用prototype的嗎？呵呵，又多說了。

上面我已經說過，prototype是函數(shù)的一個屬性，也是函數(shù)的原型對象，而這里func函數(shù)引用prototype的時候返回的是一個對象object的，那么，結合這兩個概念，你能得出什么結論呢？我想通過這不難得出結論：

prototype是········函數(shù)的原型對象············，這能理解嗎？不能理解，沒有關系，我們再來做一個實驗，終于要用到文章開始給你們介紹的一個函數(shù)JSON.stringify()了。

function func(){
    
}
alert(JSON.stringify(func.prototype));

還是引用上面的函數(shù)func，只不過這里返回的是JSON.stringify()函數(shù)的返回值。

你沒有看錯，這里alert的結果是一個空對象，這證明，prototype的的確確屬于函數(shù)的屬性，并且函數(shù)的prototype屬性的js數(shù)據(jù)類型是對象，明白不？為什么現(xiàn)在是一個空對象？你有沒有想過？為什么呢？請思考這個問題三秒鐘，假如想不出來，那么沒有關系，下面，我來解釋。

先看，實驗代碼：

function func(){
    
}
func.prototype.name ='prototype是函數(shù)的的屬性，本質是函數(shù)的原型對象';
alert(JSON.stringify(func.prototype))

你說，上面的代碼會alert出什么呢？請看下面：

 　　　　你沒有看錯，此刻，終于alert出東西來了，我在這里給prototype賦于一個屬性name，所以，我這個時候在alert函數(shù)func的prototype時，你看到有值了嗎？看到了prototype的屬性name值了嗎？現(xiàn)在再想想，為什么上面第一層alert函數(shù)func.prototype的時候，它是一個空對象呢？而現(xiàn)在它又是一個有值的對象呢？

原因很簡單呢，因為第一次的時候，我沒有給函數(shù)的屬性func.prototype賦予name屬性，也沒有給name屬性賦值啊，而現(xiàn)在我已經給函數(shù)的屬性func.prototype賦予屬性name，并且賦值為········prototype是函數(shù)的的屬性，本質是函數(shù)的原型對象······，所以，現(xiàn)在alert函數(shù)的屬性func.prototype的時候它就有值啦，對吧？

因此，這里得出結論：

prototype是函數(shù)的的屬性，本質是函數(shù)的原型對象。

別以為js中只有對象才有屬性，通過這里，我們也可以知道，其實js的函數(shù)也是有屬性的，而且js的函數(shù)好像就只有這個屬性prototype，而且js的這個函數(shù)屬性同時還是函數(shù)的原型對象，你是不是被搞暈了？希望你沒有被搞暈才好。

為什么說prototype是函數(shù)的一個屬性呢？因為，只有函數(shù)才能調用prototype，而且是以這樣的方式func.prototype調用的,這樣的方式調用東西是不是和對象調用屬性一模一樣呢？是的，就是因為函數(shù)調用prototype的時候是和對象調用屬性的時候一樣的，我們才把prototype說成是函數(shù)的一個屬性，而函數(shù)的這個屬性其實是一個對象（這個是不是對象，上面已經證明了，這里就不再說明），所以說，這個prototype就是函數(shù)的屬性，本質是函數(shù)的原型對象。

這里為什么強調說prototype的本質是函數(shù)的原型對象呢？

下面看代碼證明，我的代碼很簡單的：

    //定義一個函數(shù)
    function func(){
    
    }
    //給函數(shù)的屬性prototype賦予一個方法get
    func.prototype.get=function(value){
        return value;//很簡單，你給我什么我就輸出什么
    }

你說，怎么調用上面那個get方法？

我給你一點提示，get是屬于func函數(shù)的一個屬性函數(shù)，既然是屬性函數(shù)，那么我們怎么調用呢？

很簡單，屬性函數(shù)必須由它的對象來調用，那么我們怎么獲取get的對象呢？很簡單，用關鍵字new來實例化func函數(shù)的對象就行了嗎？是吧？

下面，實例化func函數(shù)的一個對象ob1：

var ob1 = new func();
//用func實例化出來的對象來調用get屬性函數(shù)
alert(ob1.get('hello,prototype原型對象'));

沒錯，用func函數(shù)實例化出來的對象ob1，確實能夠調用get函數(shù)，上面已經利用ob1調用get函數(shù)alert出來了，這就證明func函數(shù)的實例對象是擁有get這個屬性函數(shù)的，對吧？這么明顯，就不用說明了吧。

如果，你不信必須要用實例化func的對象來調用get函數(shù)，你可以試試直接用func調用get函數(shù)，也就是說，你可以嘗試著func.get()調用一下get函數(shù)看看，看func它到底能不能夠直接調用get函數(shù)。我想一定報錯，呵呵，原因是什么，你自己想。

那么，說了這么多，我還是沒有說明，為什么我說prototype的本質是函數(shù)的原型對象??？對吧？

請看，下面的代碼：

 

var ob2 = new func();
//用func實例化出來的對象來調用get屬性方法
alert(ob2.get('我依然是func實例化出來的對象'));

 

 　　　　看到沒有，我還是再次利用func函數(shù)實例化一個ob2，這個對象依然能夠調用get屬性函數(shù)，這說明什么了呢？這說明了，利用func對象實例化的所有對象都可以調用get這個屬性函數(shù)。既然如此，你說，prototype這個屬性如果不是函數(shù)func的原型對象的話，那么為什么給prototype賦予的屬性函數(shù)get能夠被func所有實例化的對象所調用呢？假如prototype的本質不是func函數(shù)的原型對象，那么依據(jù)func函數(shù)實例化出來的對象就不可能一個個都能夠調用get這個屬性方法，對吧？為什么？我們來個比例，你說，一個不是源頭的東西，它能影響到所有的東西嗎？不能夠吧？因此，這里得出結論：

prototype是函數(shù)的一個屬性，本質就是函數(shù)的原型對象。

網站名稱：簡單理解js的prototype屬性
文章來源：http://muchs.cn/article22/johejc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供全網營銷推廣、商城網站、網站改版、小程序開發(fā)、網站營銷、網站設計公司

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)