javascript教程之不完整的繼承(js原型鏈)
Javascript的繼承和標(biāo)準(zhǔn)的oop繼承有很大的區(qū)別,Javascript的繼承是采用原型鏈的技術(shù),每個(gè)類(lèi)都會(huì)將“成員變量”和“成員函數(shù)”放到 prototype 上,Js++都過(guò)superclass將其鏈接起來(lái),即 C.prototype.superclass = C.superclass = P.prototype;
當(dāng) var c = new C()時(shí),c.__proto__ = C.prototype ;
當(dāng) c訪問(wèn)“成員變量”時(shí),如果在__proto__無(wú)法獲取時(shí),就會(huì)到C.prototype查找,如果又不存在,又會(huì)到父類(lèi)的prototype查找,由于只有 __proto__ 是對(duì)象創(chuàng)建時(shí)分配的(每個(gè)對(duì)象分配),其他都是定義時(shí)分配的(每個(gè)對(duì)象共享),此時(shí),如果訪問(wèn)C.prototype中“成員變量”是對(duì)象時(shí),不修改“成員變量”的本身,而是修改“成員變量”對(duì)象的成員時(shí),修改的“成員變量”對(duì)象的成員就會(huì)被所有對(duì)象實(shí)例共享,這樣就違背類(lèi)設(shè)計(jì)的初衷。
例如:
'package'.j(function () {
'class A'.j(function () {
jpublic({
v:{a: 1}
});
jprivate({
p:{a:1}
});
jprotected({
x:{a:1}
});
});
'class B extends A'.j(function () {
});
});
var b1 = new B();
b1.v.a = 5;
b1.x.a = 5;
var b2 = new B();
console.log(b1.v.a) // 輸出為 5
console.log(b1.x.a) // 輸出為 5
console.log(b2.v.a) // 輸出也為 5,并不是預(yù)想的 1
console.log(b2.x.a) // 輸出為 1
console.log(b2.p.a) // 不可用,會(huì)提示 p不存在
如何解決此問(wèn)題?
A. 將 v 這樣的成員“成員變量”(其本身是對(duì)象)不在原型鏈上定義,而是在構(gòu)造函數(shù)中調(diào)用,此時(shí),創(chuàng)建對(duì)象實(shí)例時(shí),就會(huì)在對(duì)象的__proto__上分配。
Js++提供了類(lèi)似的方法,只要在jprivate中定義的“成員變量”或“成員函數(shù)”都會(huì)分配到對(duì)象的__proto__上,且只有本實(shí)例可用, jprotected中定義的“成員變量”(其本身是對(duì)象)也會(huì)分配到對(duì)象的__proto__上,且只有繼承他的可用,
B. 原型鏈上只定義只讀的“成員變量”(其本身是對(duì)象)
C.jpublic 定義的“成員變量”(其本身是對(duì)象)中的成員,只是只讀成員,切記不可賦值,否則會(huì)在各個(gè)實(shí)例共享。
相關(guān)文章
從零學(xué)JSON之JSON數(shù)據(jù)結(jié)構(gòu)
這篇文章主要介紹了JSON數(shù)據(jù)結(jié)構(gòu)的相關(guān)知識(shí),需要的朋友可以參考下2014-05-05深入理解JavaScript系列(17):面向?qū)ο缶幊讨耪撛敿?xì)介紹
這篇文章主要介紹了深入理解JavaScript系列(17):面向?qū)ο缶幊讨耪撛敿?xì)介紹,本文講解了概論、范式與思想、基于類(lèi)特性和基于原型、基于靜態(tài)類(lèi)、層次繼承等內(nèi)容,需要的朋友可以參考下2015-03-03JavaScript 學(xué)習(xí)筆記之基礎(chǔ)中的基礎(chǔ)
這篇文章主要介紹了JavaScript 學(xué)習(xí)筆記系列的第一篇文章,跟所有開(kāi)篇一樣,本文我們介紹的都是些基礎(chǔ)中的基礎(chǔ)知識(shí),雖然都是基礎(chǔ),但建議大家不要略過(guò)此文2015-01-01IE網(wǎng)頁(yè)js語(yǔ)法錯(cuò)誤2行字符1、FF中正常的解決方法
使用模態(tài)窗體則會(huì)先彈出此錯(cuò)誤然后再顯示新打開(kāi)的界面,經(jīng)搜索找到不錯(cuò)的解決方法,有類(lèi)似問(wèn)題的朋友可以參考下,希望對(duì)大家有所幫助2013-09-09JavaScript創(chuàng)建對(duì)象的七種方式全面總結(jié)
這篇文章主要介紹了JavaScript創(chuàng)建對(duì)象的七種方式,工廠模式,構(gòu)造函數(shù)模式,原型模式等分別在本文中做出了講解,具體操作步驟大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。2017-08-08