JS原型對象通俗"唱法"
更新時間：2012年12月27日 16:06:45 投稿：mdxy-dxy
書上對于原型對象的說法給我整的眼花繚亂,完全不知道它在說什么,查了好多資料,終于有了些理解,下面我以通俗的大白話說說我對原型對象的理解
1.關于原型對象的重要知識點
首先要知道一個很重要的知識點,一句話:所有對象都有原型對象.
2. 對比其他語言的理解
原型對象,就是其它語言中的類中的靜態(tài)屬性和靜態(tài)方法,總是是靜態(tài)-static就對了.原理是: 內存中只有一份.
3. 在內存中的形象圖:
首先,在產生js對象之前,我們需要創(chuàng)造一個構造函數(這都不知道,那就不要往下看了),如下:
復制代碼 代碼如下:
function Person(name_, age_) {
this.name = name_;
this.age = age_;
}
下面,我們就要new 對象了,這里,我們new三個(Person)對象,"張三" "李雷" "韓梅梅",他們來自同一個構造函數Person:
內存中就這樣了,每個對象,都有自己的 name, age 內存.這里new了多少個對象,就要開辟多少塊name, age內存.
看到這,應該還是比較好理解的. 下面我們添加一條屬性.location屬性,如下:
復制代碼 代碼如下:
function Person(name_, age_) {
this.name = name_;
this.age = age_;
this.location = "地球";
}
這時候 我們在new這三個人. 內存情況如下:
這里我們看,三個對象都有一個"地球"的內存空間. 這里你要動動大腦了, 三個人都有地球的內存,我們是不是可以這樣呢?
你看這樣好不好呢? 這樣只需要一個地球,大家都可以用了. 看到這,好吧,公用的那個空間如果是個對象的話,就是所謂的原型對象了.餓?就這樣?
是的,就這樣.
4. 從代碼的層次上介紹原型對象.
上圖是內存中的對象,我們現在從代碼的從面操作.
[code]
function Person(name_, age_) {
this.name = name_;
this.age = age_;
this.location = "地球";
}
相關文章
下面小編就為大家?guī)硪黄钊肫饰鯦avaScript中的函數currying柯里化。小編覺得挺不錯的，現在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-04-04
這篇文章主要介紹了JS 9個Promise面試題，對異步Promise感興趣的同學，可以參考下2021-05-05
使用BootStrap實現表格隔行變色及hover變色并在需要時出現滾動條
這篇文章主要介紹了使用BootStrap實現表格隔行變色及hover變色并在需要時出現滾動條效果,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-01-01
這篇文章主要為大家詳細介紹了微信小程序實現簡易封裝彈窗，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
本文主要介紹了面試常見的js算法題。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
下面小編就為大家?guī)硪黄猨s中 計算兩個日期間的工作日的簡單實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
本文介紹將Bootstrap的二級菜單由點擊顯示改為鼠標懸停顯示的具體實現方法，希望對大家有所幫助。2016-04-04
使用javascript:將其它類型值轉換成布爾類型值的解決方法詳解
本篇文章是對使用javascript:將其它類型值轉換成布爾類型值的解決方法進行了詳細的分析介紹。需要的朋友參考下2013-05-05
JS如何判斷是否為ie瀏覽器的方法(包括IE10、IE11在內)
這篇文章主要介紹了JS如何判斷是否為ie瀏覽器的方法(包括IE10、IE11在內),需要的朋友可以參考下2015-12-12
本文給大家分享的是使用純javascript實現的日歷控件的代碼，筆者也是第一次寫控件，摸索著前行，2015-07-07