亚洲中文字幕在线第六区,亚洲伊人tv综合网色,国产午夜亚洲不卡

[轉] javascript的prototype繼承

轉自：http://www.cnblogs.com/goody9807/archive/2007/04/16/715109.html

基本的用法把ClassA的一個實例賦值給ClassB ClassB就繼承了ClassA的所有屬性

function ClassA()

{

this.a='a';

}

function ClassB()

{

this.b='b';

}

ClassB.prototype=new ClassA();

var objB=new ClassB();

for(var p in objB)document.write(p+"<br>");

</script>

從原型繼承理論的角度去考慮 js的原型繼承是引用原型不是復制原型
所以修改原型會導致所有B的實例的變化

function ClassA()

{

this.a='a';

}

function ClassB()

{

this.b='b';

}

ClassB.prototype=new ClassA();

var objB=new ClassB();

alert(objB.a);

ClassB.prototype.a='changed!!';

alert(objB.a);

</script>

然而子類對象的寫操作只訪問子類對象中成員它們之間不會互相影響
因此寫是寫子類讀是讀原型（如果子類中沒有的話）

function ClassA()

{

this.a='a';

}

function ClassB()

{

this.b='b';

}

ClassB.prototype=new ClassA();

var objB1=new ClassB();

var objB2=new ClassB();

objB1.a='!!!';

alert(objB1.a);

alert(objB2.a);

</script>

每個子類對象都執有同一個原型的引用所以子類對象中的原型成員實際是同一個

function ClassA()

{

this.a=function(){alert();};

}

function ClassB()

{

this.b=function(){alert();};

}

ClassB.prototype=new ClassA();

var objB1=new ClassB();

var objB2=new ClassB();

alert(objB1.a==objB2.a);

alert(objB1.b==objB2.b);

</script>

構造子類時原型的構造函數不會被執行

function ClassA()

{

alert("a");

this.a=function(){alert();};

}

function ClassB()

{

alert("b");

this.b=function(){alert();};

}

ClassB.prototype=new ClassA();

var objB1=new ClassB();

var objB2=new ClassB();

</script>

接下來是致命的，在子類對象中訪問原型的成員對象：

function ClassA()

{

this.a=[];

}

function ClassB()

{

this.b=function(){alert();};

}

ClassB.prototype=new ClassA();

var objB1=new ClassB();

var objB2=new ClassB();

objB1.a.push(1,2,3);

alert(objB2.a);

//所有b的實例中的a成員全都變了??！

</script>

所以在prototype繼承中原型類中不能有成員對象！所有成員必須是值類型數據（string也可以）

用prototype繼承有執行效率高，不會浪費內存，為父類動態添置方法后子類中馬上可見等的優點。

我就非常喜歡用prototype繼承。

prototype繼承是通過把子類的原型對象（prototype）設置成父類的一個實例來進行繼承的。

只簡單的這樣設置繼承的確如樓主所說，有不少缺點?？偟膩碚f有四個缺點：

缺點一：父類的構造函數不是像JAVA中那樣在給子類進行實例化時執行的，而是在設置繼承的時候執行的，并且只執行一次。這往往不是我們希望的，特別是父類的構造函數中有一些特殊操作的情況下。

缺點二：由于父類的構造函數不是在子類進行實例化時執行，在父類的構造函數中設置的成員變量到了子類中就成了所有實例對象公有的公共變量。由于 JavaScript中繼承只發生在“獲取”屬性的值時，對于屬性的值是String，Number和Boolean這些數據本身不能被修改的類型時沒有什么影響。但是Array和Object類型就會有問題。
缺點三：如果父類的構造函數需要參數，我們就沒有辦法了。

缺點四：子類原本的原型對象被替換了，子類本身的constructor屬性就沒有了。在類的實例取它的constructor屬性時，取得的是從父類中繼承的constructor屬性，從而constructor的值是父類而不是子類。

我也曾經為了這四個缺點頭疼過，于是對prototype繼承進行改造。
我試了幾種方法，下面是我覺得最好的一種。我把它寫成Function對象的一個方法，這樣用的時候方便。方法如下：

//類的繼承-海浪版

Function.prototype.Extends = function (parentClass)

{

var Bs = new Function();

Bs.prototype = parentClass.prototype;

this.prototype = new Bs();

this.prototype.Super = parentClass;

this.prototype.constructor = this;

}

posted on 2009-07-08 14:04 星期五閱讀(180) 評論(0) 編輯收藏所屬分類: web 開發

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: base64加密、解密的javascript代碼在服務器端判斷request來自Ajax請求(異步)還是傳統請求(同步) [轉] js 數組檢索 js 優化網址 [轉] 關于 insertAdjacentHTML insertAdjacentText [轉] javascript的prototype繼承 javascript 字符串比較 JScript 代碼判斷上傳圖片尺寸 HTML 小技術 request 與 requestScope 區別

道非道非常道

導航

公告

隨筆分類(92)

文章分類(58)

收藏夾(11)

隨筆檔案(106)

文章檔案(66)

統計

web

天圓

經濟政治軍事

鍵康

[轉] javascript的prototype繼承

道非道 非常道

導航

公告

隨筆分類(92)

文章分類(58)

收藏夾(11)

隨筆檔案(106)

文章檔案(66)

統計

web

天圓

經濟 政治 軍事

鍵康

[轉] javascript的prototype繼承

道非道非常道

經濟政治軍事