javascript prototype的深度探索不是原型繼承那么簡單第2/3頁
更新時間：2008年06月02日 19:16:04 作者：
JavaScript中對象的prototype屬性，可以返回對象類型原型的引用。這是一個相當(dāng)拗口的解釋，要理解它，先要正確理解對象類型(Type)以及原型(prototype)的概念。
上面的例子通過prototype為Point對象設(shè)定了默認(rèn)值(0,0)，因此p1的值為(0,0)，p2的值為(1,2)，通過delete p2.x, delete p2.y; 可以將p2的值恢復(fù)為(0,0)。下面是一個更有意思的例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
利用prototype還可以為對象的屬性設(shè)置一個只讀的getter，從而避免它被改寫。下面是一個例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
將this.getFirstPoint()改寫為下面這個樣子：
this.getFirstPoint = function()
{
function GETTER(){};
GETTER.prototype = m_firstPoint;
return new GETTER();
}
則可以避免這個問題，保證了m_firstPoint屬性的只讀性。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
實際上，將一個對象設(shè)置為一個類型的原型，相當(dāng)于通過實例化這個類型，為對象建立只讀副本，在任何時候?qū)Ω北具M行改變，都不會影響到原始對象，而對原始對象進行改變，則會影響到副本，除非被改變的屬性已經(jīng)被副本自己的同名屬性覆蓋。用delete操作將對象自己的同名屬性刪除，則可以恢復(fù)原型屬性的可見性。下面再舉一個例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- Javascript中 關(guān)于prototype屬性實現(xiàn)繼承的原理圖
- JavaScript類和繼承 prototype屬性
- js中繼承的幾種用法總結(jié)(apply,call,prototype)
- 深入了解javascript中的prototype與繼承
- JavaScript面向?qū)ο笾甈rototypes和繼承
- Javascript 原型和繼承(Prototypes and Inheritance)
- JavaScript不使用prototype和new實現(xiàn)繼承機制
- JavaScript使用prototype原型實現(xiàn)的封裝繼承多態(tài)示例
- javascript基于prototype實現(xiàn)類似OOP繼承的方法
- Javascript中的prototype與繼承
- JS偽繼承prototype實現(xiàn)方法示例
- JavaScript使用prototype屬性實現(xiàn)繼承操作示例
相關(guān)文章
這篇文章主要介紹了js圖片卷簾門導(dǎo)航菜單特效，一款很新穎的圖片導(dǎo)航菜單，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-09-09
JavaScript數(shù)組every方法的應(yīng)用場景實例
every方法確定數(shù)組中的每一項的結(jié)果都滿足所寫的條件的時候,就會返回true,否則返回false,這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組every方法應(yīng)用場景的相關(guān)資料,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了JS中prototype的用法,實例分析了JS中prototype的常見使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了詳解如何webpack使用DllPlugin，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
JS實現(xiàn)跟隨鼠標(biāo)閃爍轉(zhuǎn)動色塊的方法
這篇文章主要介紹了JS實現(xiàn)跟隨鼠標(biāo)閃爍轉(zhuǎn)動色塊的方法,涉及javascript操作html元素及css樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
很多朋友想在網(wǎng)站上插入自己的阿里旺旺在線聯(lián)系圖片，就像是和QQ一樣，小編為大家詳細(xì)講解了旺旺在線客服代碼以及旺旺客服代碼生成器，希望能夠幫助到大家。2018-01-01
本文將探討實用的?JavaScript?文件優(yōu)化技術(shù)、如何處理與?JavaScript?文件相關(guān)的性能問題以及幫助優(yōu)化過程的工具,你將獲得提升web應(yīng)用程序速度的相關(guān)知識,從而為你的用戶提供無縫體驗2023-12-12
如何清除IE10+ input X 文本框的叉叉和密碼輸入框的眼睛圖標(biāo)
從IE 10開始，type=”text” 的 input 在用戶輸入內(nèi)容后，會自動產(chǎn)生一個小叉叉（X），方便用戶點擊清除已經(jīng)輸入的文本，下面通過本文給大家介紹下如何清除IE10+ input X 文本框的叉叉和密碼輸入框的眼睛圖標(biāo)2016-12-12
這篇文章主要介紹了Js可拖拽放大的層拖動特效實現(xiàn)方法,涉及javascript操作DOM元素及css樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了JavaScript Reduce使用的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)使用JavaScript，感興趣的朋友可以了解下2021-03-03