javascript prototype的深度探索不是原型繼承那么簡單第2/3頁
更新時(shí)間：2008年06月02日 19:16:04 作者：
JavaScript中對象的prototype屬性，可以返回對象類型原型的引用。這是一個(gè)相當(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)。下面是一個(gè)更有意思的例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
利用prototype還可以為對象的屬性設(shè)置一個(gè)只讀的getter，從而避免它被改寫。下面是一個(gè)例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
將this.getFirstPoint()改寫為下面這個(gè)樣子：
this.getFirstPoint = function()
{
function GETTER(){};
GETTER.prototype = m_firstPoint;
return new GETTER();
}
則可以避免這個(gè)問題，保證了m_firstPoint屬性的只讀性。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
實(shí)際上，將一個(gè)對象設(shè)置為一個(gè)類型的原型，相當(dāng)于通過實(shí)例化這個(gè)類型，為對象建立只讀副本，在任何時(shí)候?qū)Ω北具M(jìn)行改變，都不會(huì)影響到原始對象，而對原始對象進(jìn)行改變，則會(huì)影響到副本，除非被改變的屬性已經(jīng)被副本自己的同名屬性覆蓋。用delete操作將對象自己的同名屬性刪除，則可以恢復(fù)原型屬性的可見性。下面再舉一個(gè)例子：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- Javascript中 關(guān)于prototype屬性實(shí)現(xiàn)繼承的原理圖
- JavaScript類和繼承 prototype屬性
- js中繼承的幾種用法總結(jié)(apply,call,prototype)
- 深入了解javascript中的prototype與繼承
- JavaScript面向?qū)ο笾甈rototypes和繼承
- Javascript 原型和繼承(Prototypes and Inheritance)
- JavaScript不使用prototype和new實(shí)現(xiàn)繼承機(jī)制
- JavaScript使用prototype原型實(shí)現(xiàn)的封裝繼承多態(tài)示例
- javascript基于prototype實(shí)現(xiàn)類似OOP繼承的方法
- Javascript中的prototype與繼承
- JS偽繼承prototype實(shí)現(xiàn)方法示例
- JavaScript使用prototype屬性實(shí)現(xiàn)繼承操作示例
相關(guān)文章
一個(gè)加載js文件的小腳本...2007-06-06
ES6解構(gòu)賦值(數(shù)組,對象,函數(shù))使用詳解
這篇文章主要介紹了ES6解構(gòu)賦值(數(shù)組,對象,函數(shù))使用詳解,JavaScript 中最常用的兩種數(shù)據(jù)結(jié)構(gòu)是 Object 和 Array，解構(gòu)操作對那些具有很多參數(shù)和默認(rèn)值等的函數(shù)也很奏效，本文通過實(shí)例代碼詳細(xì)講解需要的朋友可以參考下2022-11-11
如何使用原生Js實(shí)現(xiàn)隨機(jī)點(diǎn)名詳解
這篇文章主要給大家介紹了關(guān)于如何使用原生Js實(shí)現(xiàn)隨機(jī)點(diǎn)名的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義底部彈出框動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
javascript之通用簡單的table選項(xiàng)卡實(shí)現(xiàn)(二)
上篇中的選項(xiàng)卡存在這樣的問題：把邏輯封裝在table.js中，不夠靈活，也就是說如果某個(gè)選項(xiàng)卡是實(shí)現(xiàn)異步請求或者跳轉(zhuǎn)，而非div的顯隱切換，那么就得修過table.js來達(dá)到目的，顯然不是我所需要的。2010-05-05
javascript計(jì)算星座屬相(十二生肖屬相)示例代碼
本文介紹了使用javascript計(jì)算星座和屬相的示例，這個(gè)可以用在用戶注冊的時(shí)候顯示出來，大家參考使用吧2014-01-01
JavaScript實(shí)現(xiàn)顯示隱藏表單文字
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)顯示隱藏表單文字，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
webpack打包js文件及部署的實(shí)現(xiàn)方法
這篇文章主要介紹了webpack打包js文件的方法及webpack打包后的JS文件如何部署,需要的朋友可以參考下2017-12-12
基于JavaScript實(shí)現(xiàn)瀑布流效果(循環(huán)漸近)
本文給大家介紹基于javascript實(shí)現(xiàn)循環(huán)漸近瀑布流效果，代碼簡單易懂，非常具有參考價(jià)值，需要的朋友參考下吧2016-01-01
這篇文章主要介紹了IE及IE6瀏覽器中判斷JS文件加載成功失敗的方法,本文使用vbscript來解決這個(gè)問題,需要的朋友可以參考下2015-02-02