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. 從代碼的層次上介紹原型對象.
上圖是內存中的對象,我們現(xiàn)在從代碼的從面操作.
[code]
function Person(name_, age_) {
this.name = name_;
this.age = age_;
this.location = "地球";
}
相關文章
這篇文章主要幫助大家簡單實現(xiàn)JavaScript彈幕效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了關于moment.js的常用方法及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-12-12
這篇文章主要通過一張圖讓你看懂JavaScript各類型的關系，需要的朋友可以參考下2015-10-10
基于JavaScript實現(xiàn)簡單抽獎功能代碼實例
這篇文章主要介紹了基于JavaScript實現(xiàn)簡單抽獎功能代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-10-10
說起幻燈片效果，想必大家都不陌生吧，接下來為大家介紹下使用jquery插件jquery.smallslider.js實現(xiàn)幻燈片效果示例代碼，喜歡的朋友可以學習下2013-11-11
JS編碼轉換，這句話本身就是一句具有二重義的話。通常理解為JS文件里能轉換編碼的代碼，但是，我所碰到的問題并不是這樣的，是要解決JS文件本身的編碼問題，它是UTF-8編碼的還是ANSI編碼的？2009-10-10
微信小程序 子級頁面返回父級并把子級參數帶回父級實現(xiàn)方法
這篇文章主要介紹了微信小程序 子級頁面返回父級并把子級參數帶回父級實現(xiàn)方法,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
這篇文章主要介紹了javascript格式化json顯示,實例分析了javascript操作json格式化的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
添加事件的js方法也很多，有直接加到頁面結構上的，有使用一些js事件監(jiān)聽的方法，由于各個瀏覽器對事件冒泡事件監(jiān)聽的機制不同2014-08-08
這篇文章主要為大家介紹了JS中的Promise.race控制并發(fā)量的深入理解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04