javascript教程之不完整的繼承(js原型鏈)_基礎(chǔ)知識

Javascript的繼承和標(biāo)準(zhǔn)的oop繼承有很大的區(qū)別，Javascript的繼承是采用原型鏈的技術(shù)，每個類都會將“成員變量”和“成員函數(shù)”放到 prototype 上，Js++都過superclass將其鏈接起來，即 C.prototype.superclass = C.superclass = P.prototype;
當(dāng) var c = new C()時，c.__proto__ = C.prototype ;
當(dāng) c訪問“成員變量”時，如果在__proto__無法獲取時，就會到C.prototype查找，如果又不存在，又會到父類的prototype查找，由于只有 __proto__ 是對象創(chuàng)建時分配的（每個對象獨立分配），其他都是定義時分配的（每個對象共享），此時，如果訪問C.prototype中“成員變量”是對象時，不修改“成員變量”的本身，而是修改“成員變量”對象的成員時，修改的“成員變量”對象的成員就會被所有對象實例共享，這樣就違背類設(shè)計的初衷。
例如：

代碼如下:
'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) // 不可用，會提示 p不存在

如何解決此問題？
A. 將 v 這樣的成員“成員變量”（其本身是對象）不在原型鏈上定義，而是在構(gòu)造函數(shù)中調(diào)用，此時，創(chuàng)建對象實例時，就會在對象的__proto__上分配。

Js++提供了類似的方法，只要在jprivate中定義的“成員變量”或“成員函數(shù)”都會分配到對象的__proto__上，且只有本實例可用, jprotected中定義的“成員變量”（其本身是對象）也會分配到對象的__proto__上，且只有繼承他的可用,

B. 原型鏈上只定義只讀的“成員變量”（其本身是對象）

C.jpublic 定義的“成員變量”（其本身是對象）中的成員，只是只讀成員，切記不可賦值，否則會在各個實例中共享。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com