<rt id="bn8ez"></rt>
<label id="bn8ez"></label>
  • 

    • <span id="bn8ez"></span>
    

    <label id="bn8ez"><meter id="bn8ez"></meter></label>
    

    
    

    




    







												


        

    
	

    道非道  非常道
    

    勤思、謹(jǐn)言、慎行、厚積、薄發(fā)
    

    


    
	
		

    統(tǒng)計(jì)
    
	
		
        
		
		
    web
    
		
				
			
	
		
    天圓
    
		
				
			
	
		
    經(jīng)濟(jì) 政治 軍事
    
		
				
			
	
		
    鍵康
    
		
				
			
	

        
		
	

    

    
	
					
	
    
		
    
			[轉(zhuǎn)] javascript的prototype繼承
		
    
		  轉(zhuǎn)自：http://www.cnblogs.com/goody9807/archive/2007/04/16/715109.html
    
  
    
基本的用法 把ClassA的一個(gè)實(shí)例賦值給ClassB ClassB就繼承了ClassA的所有屬性
    

    

    <script>
    
    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的原型繼承是引用原型 不是復(fù)制原型
    
所以 修改原型會(huì)導(dǎo)致所有B的實(shí)例的變化
    

    

    <script>
    
    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>
    

    

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

    

    <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>
    

    

    
每個(gè)子類對象都執(zhí)有同一個(gè)原型的引用 所以子類對象中的原型成員實(shí)際是同一個(gè)
    

    

    <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>
    

    

    

    
構(gòu)造子類時(shí) 原型的構(gòu)造函數(shù)不會(huì)被執(zhí)行
    

    <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>
    

    

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

    <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的實(shí)例中的a成員全都變了！！
    
    </script>
    

    

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

    
用prototype繼承有執(zhí)行效率高，不會(huì)浪費(fèi)內(nèi)存，為父類動(dòng)態(tài)添置方法后子類中馬上可見等的優(yōu)點(diǎn)。
    

    
我就非常喜歡用prototype繼承。
    

    
prototype繼承是通過把子類的原型對象（prototype）設(shè)置成父類的一個(gè)實(shí)例來進(jìn)行繼承的。
    

    
只簡單的這樣設(shè)置繼承的確如樓主所說，有不少缺點(diǎn)。總的來說有四個(gè)缺點(diǎn)：
    

    
缺點(diǎn)一：父類的構(gòu)造函數(shù)不是像JAVA中那樣在給子類進(jìn)行實(shí)例化時(shí)執(zhí)行的，而是在設(shè)置繼承的時(shí)候執(zhí)行的，并且只執(zhí)行一次。這往往不是我們希望的，特別是父類的構(gòu)造函數(shù)中有一些特殊操作的情況下。
    

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

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

    

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

    //類的繼承-海浪版
    
    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 星期五 閱讀(181) 評論(0)  編輯  收藏  所屬分類: web  開發(fā) 
		
    
	
    
	
	


	


    
	    
    




    








    

				

    



    







    
        
	



主站蜘蛛池模板：
亚洲综合在线另类色区奇米|
亚洲国产天堂久久久久久|
亚洲AV永久纯肉无码精品动漫|
杨幂最新免费特级毛片|
波多野结衣视频在线免费观看
|
亚洲高清国产拍精品26U|
中文字幕不卡高清免费|
国产亚洲成av片在线观看|
中文永久免费观看网站|
国产AV无码专区亚洲AVJULIA
|
亚洲一级免费毛片|
亚洲一级毛片中文字幕|
久久这里只有精品国产免费10|
亚洲AV无码AV吞精久久|
亚洲福利精品一区二区三区|
国产视频精品免费视频|
久久精品国产69国产精品亚洲|
免费毛片a线观看|
亚洲制服丝袜精品久久|
免费激情视频网站|
www永久免费视频|
亚洲精品自产拍在线观看动漫|
日本亚洲免费无线码|
在线看亚洲十八禁网站|
精品亚洲永久免费精品|
免费观看美女用震蛋喷水的视频|
亚洲熟妇无码一区二区三区
|
亚洲精品A在线观看|
大地影院MV在线观看视频免费|
久久国产精品免费一区|
亚洲AV永久无码区成人网站|
国产91免费视频|
老司机午夜免费视频|
亚洲VA中文字幕无码一二三区|
老司机在线免费视频|
色网站在线免费观看|
久久久久亚洲AV成人无码网站|
最近最新中文字幕完整版免费高清|
色多多A级毛片免费看|
亚洲成人中文字幕|
国产免费人视频在线观看免费|