javascript教程之不完整的繼承

javascript教程之不完整的繼承

 Javascript的繼承和標準的oop繼承有很大的區別，Javascript的繼承是採用原型鏈的技術，下面使用樣本學習一下JS的繼承

Javascript的繼承和標準的oop繼承有很大的區別，Javascript的繼承是採用原型鏈的技術，每個類都會將“成員變數”和“成員函數”放到 prototype 上，Js++都過superclass將其連結起來，即 C.prototype.superclass = C.superclass = P.prototype;

當 var c = new C()時，c.__proto__ = C.prototype ;

當 c訪問“成員變數”時，如果在__proto__無法擷取時，就會到C.prototype尋找，如果又不存在，又會到父類的prototype尋找，由於只有 __proto__ 是對象建立時分配的（每個對象獨立分配），其他都是定義時分配的（每個對象共用），此時，如果訪問C.prototype中“成員變數”是對象時，不修改“成員變數”的本身，而是修改“成員變數”對象的成員時，修改的“成員變數”對象的成員就會被所有對象執行個體共用，這樣就違背類設計的初衷。

例如：

 

 代碼如下:

'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，並不是預想的 1

console.log(b2.x.a) // 輸出為 1

console.log(b2.p.a) // 不可用，會提示 p不存在

 

 

 

如何解決此問題？

A. 將 v 這樣的成員“成員變數”（其本身是對象）不在原型鏈上定義，而是在建構函式中調用，此時，建立對象執行個體時，就會在對象的__proto__上分配。

 

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

 

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

 

C.jpublic 定義的“成員變數”（其本身是對象）中的成員，只是唯讀成員，切記不可賦值，否則會在各個執行個體中共用。