javascript prototype的深度探索不是原型繼承那么簡(jiǎn)單第3/3頁
更新時(shí)間:2008年06月02日 19:16:04 作者:
JavaScript中對(duì)象的prototype屬性,可以返回對(duì)象類型原型的引用。這是一個(gè)相當(dāng)拗口的解釋,要理解它,先要正確理解對(duì)象類型(Type)以及原型(prototype)的概念。
注意,以上的例子說明了用prototype可以快速創(chuàng)建對(duì)象的多個(gè)副本,一般情況下,利用prototype來大量的創(chuàng)建復(fù)雜對(duì)象,要比用其他任何方法來copy對(duì)象快得多。注意到,用一個(gè)對(duì)象為原型,來創(chuàng)建大量的新對(duì)象,這正是prototype pattern的本質(zhì)。
下面是一個(gè)例子:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
除了上面所說的這些使用技巧之外,prototype因?yàn)樗?dú)特的特性,還有其它一些用途,被用作最廣泛和最廣為人知的可能是用它來模擬繼承,關(guān)于這一點(diǎn),留待下一節(jié)中去討論。
3 prototype的實(shí)質(zhì)
上面已經(jīng)說了prototype的作用,現(xiàn)在我們來透過規(guī)律揭示prototype的實(shí)質(zhì)。
我們說,prototype的行為類似于C++中的靜態(tài)域,將一個(gè)屬性添加為prototype的屬性,這個(gè)屬性將被該類型創(chuàng)建的所有實(shí)例所共享,但是這種共享是只讀的。在任何一個(gè)實(shí)例中只能夠用自己的同名屬性覆蓋這個(gè)屬性,而不能夠改變它。換句話說,對(duì)象在讀取某個(gè)屬性時(shí),總是先檢查自身域的屬性表,如果有這個(gè)屬性,則會(huì)返回這個(gè)屬性,否則就去讀取prototype域,返回protoype域上的屬性。另外,JavaScript允許protoype域引用任何類型的對(duì)象,因此,如果對(duì)protoype域的讀取依然沒有找到這個(gè)屬性,則JavaScript將遞歸地查找prototype域所指向?qū)ο蟮膒rototype域,直到這個(gè)對(duì)象的prototype域?yàn)樗旧砘蛘叱霈F(xiàn)循環(huán)為止,我們可以用下面的圖來描述prototype與對(duì)象實(shí)例之間的關(guān)系:
//TODO:
4 prototype的價(jià)值與局限性
從上面的分析我們理解了prototype,通過它能夠以一個(gè)對(duì)象為原型,安全地創(chuàng)建大量的實(shí)例,這就是prototype的真正含義,也是它的價(jià)值所在。后面我們會(huì)看到,利用prototype的這個(gè)特性,可以用來模擬對(duì)象的繼承,但是要知道,prototype用來模擬繼承盡管也是它的一個(gè)重要價(jià)值,但是絕對(duì)不是它的核心,換句話說,JavaScript之所以支持prototype,絕對(duì)不是僅僅用來實(shí)現(xiàn)它的對(duì)象繼承,即使沒有了prototype繼承,JavaScript的prototype機(jī)制依然是非常有用的。
由于prototype僅僅是以對(duì)象為原型給類型構(gòu)建副本,因此它也具有很大的局限性。首先,它在類型的prototype域上并不是表現(xiàn)為一種值拷貝,而是一種引用拷貝,這帶來了“副作用”。改變某個(gè)原型上引用類型的屬性的屬性值(又是一個(gè)相當(dāng)拗口的解釋:P),將會(huì)徹底影響到這個(gè)類型創(chuàng)建的每一個(gè)實(shí)例。有的時(shí)候這正是我們需要的(比如某一類所有對(duì)象的改變默認(rèn)值),但有的時(shí)候這也是我們所不希望的(比如在類繼承的時(shí)候),下面給出了一個(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)文章
ES6解構(gòu)賦值(數(shù)組,對(duì)象,函數(shù))使用詳解
這篇文章主要介紹了ES6解構(gòu)賦值(數(shù)組,對(duì)象,函數(shù))使用詳解,JavaScript 中最常用的兩種數(shù)據(jù)結(jié)構(gòu)是 Object 和 Array,解構(gòu)操作對(duì)那些具有很多參數(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ì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
javascript之通用簡(jiǎn)單的table選項(xiàng)卡實(shí)現(xiàn)(二)
上篇中的選項(xiàng)卡存在這樣的問題:把邏輯封裝在table.js中,不夠靈活,也就是說如果某個(gè)選項(xiàng)卡是實(shí)現(xiàn)異步請(qǐng)求或者跳轉(zhuǎn),而非div的顯隱切換,那么就得修過table.js來達(dá)到目的,顯然不是我所需要的。2010-05-05
javascript計(jì)算星座屬相(十二生肖屬相)示例代碼
本文介紹了使用javascript計(jì)算星座和屬相的示例,這個(gè)可以用在用戶注冊(cè)的時(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ǎn)單易懂,非常具有參考價(jià)值,需要的朋友參考下吧2016-01-01

