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

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

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

    
    

    




    







												


        

    
	
	
    
	
    
		
					
	
    
		
    
			
    
				JavaScript 中的繼承(上)
			
    
 			Posted on 2006-11-28 22:51 Jaunt 閱讀(215) 評論(0)  編輯  收藏  所屬分類: JavaScript 
			
			


		
    
		
    
		作者：
		
				Flyingis
		
		
    
		原載：
		
				http://m.tkk7.com/flyingis/archive/2006/07/15/58290.html
		
		
    
		
    
		??? 繼承是面向對象語言基本特征之一，通過繼承可以將父類所具有的特性遺傳到子類。ECMAScript中的繼承不像Java、C++等語言那么明顯，直接通過關鍵字來實現，通常它是通過模擬方式來實現繼承功能的，并且實現方式有多種。

    ??? 在繼承中引入this關鍵字，使用構造器方法定義類來實現繼承。一個構造器是一個函數，因此可以將父類的構造器作為子類的一個方法使用并進行調用。
    
		
				
    
				
    
						
								
										
								? functionClassA(id)?
						
								
										{
    ??    
										this
										.id
										=
								    
								
										id;
    ??    
										this
										.sayId 
										=?function()     
								
										
												{
    ???? alert(    
												this
										    
										
												.id);
    ?? }    
										    
								    
								
										;
    }    
								    
						    
						
						
						
								
    
								
										
										
    
										?     
						    
						
								function
								ClassB(id,?name)?
								
						
						
								
										{
    ??    
										this
										.newMethod
										=
								    
								
										ClassA;
    ??    
										this
								    
								
										.newMethod(id);
    ??    
										delete?this.    
								
										newMethod;

    ??    
										this
										.name
										=
								    
								
										name;
    ??    
										this
										.sayName
										=?function()    
								
										
												{
    ???? alert(    
												this
										    
										
												.name);
    ?? }    
										    
								    
								
										;
    }    
								    
						    
						
						
				
    
		    
		
				
    ??? 注意，子類中所有新的屬性和方法都必需在刪除newMethod后引入，否則，可能存在用父類的屬性和方法重寫子類屬性和方法的危險。另外，使用這種方法還可以實現多重繼承，此時如果兩個父類具有相同的屬性或方法時，最后的類具有優先級。由于這種繼承方法比較流行，ECMAScript第三版引入了兩個 Function對象：call()和apply()。

    ??? call()

    ??? call()方法是最接近上述繼承方式的方法，它的第一個參數是this指向的對象，所有的其他參數都直接傳到function。
    
		
    
				
						
    
						
    
								? functionsayMessage(first,?last)?{
    ?? alert(first     +?this.logic +last);
    }    ;

    varobj =new Object();
     obj.logic     =?"or";

     sayMessage.call(obj,    "Coffee ",?"Tea");??//輸出"Coffee?or?Tea"
    
				    
		
    
		
				
    ??? 用call()方法來實現繼承，只需要this.newMethod相關的三行代碼。
    
		
    
				
						
    
						
								
    
										? functionClassB(id,?name)?{
    ??    ? //this.newMethod?=?ClassA;
    ??//this.newMethod(id);
    ??//delete?this.newMethod;
    ??ClassA.call(this,?id);??//this指向ClassB的對象

    ??    this.name =name;
    ??    this.sayName =?function()?{
    ???? alert(    this.name);
    ?? }    ;
    }
    
						    
				    
				
						
    ??? apply()

    ??? apply()方法需要兩個參數：this所指向的對象，和傳到function的由參數組成的array。

    function?sayMessage(first,?last)??{
    ??alert(first?    +?this.logic?+last);
    }    ;

    var?obj?=?new?Object();
    obj.logic?    =?"or";

    sayMessage.apply(obj,?    new?Array("Coffee?",?"?Tea"));??//輸出"Coffee?or?Tea"
    
				??
    ??? 同樣，使用 apply() 實現繼承可以通過如下方法實現。

    function?ClassB(id,?name)?{
    ??    //this.newMethod?=?ClassA;
    ??//this.newMethod(id);
    ??//delete?this.newMethod;
    ??ClassA.apply(this,?new?Array(id));??//this指向ClassB的對象

    ??    this.name?=?name;
    ??    this.sayName?=?function()?{
    ????alert(    this.name);
    ??}    ;
    }
    
				
						
								
    ??? 當父類構造器的參數和子類構造器參數的順序一致時，可以使用子類的arguments對象作為第二個參數。否則，必需創建一個array來傳遞參數，或是使用call()方法。

    ??? 文章待續……    
						
						
				    
		
    

    
	
    


    
	    
    




    








    

				
	
    
	
	
	

    

    







    
        
	



主站蜘蛛池模板：
亚洲成人福利网站|
亚洲精品无码久久|
免费高清av一区二区三区|
亚洲精品乱码久久久久久不卡|
男女猛烈无遮掩视频免费软件
|
香蕉97超级碰碰碰免费公|
亚洲国产欧美一区二区三区|
xvideos亚洲永久网址|
久爱免费观看在线网站|
亚洲熟妇自偷自拍另欧美|
亚洲欭美日韩颜射在线二|
久久久久久久91精品免费观看|
羞羞的视频在线免费观看|
亚洲国产女人aaa毛片在线|
宅男666在线永久免费观看
|
999zyz**站免费毛片|
日韩亚洲不卡在线视频中文字幕在线观看
|
美女露隐私全部免费直播|
亚洲一区二区三区日本久久九|
永久免费bbbbbb视频|
久久午夜无码免费|
男女猛烈激情xx00免费视频|
亚洲国语在线视频手机在线|
亚洲综合亚洲综合网成人|
野花高清在线观看免费3中文|
国产乱子伦精品免费视频|
亚洲精品国产国语|
亚洲VA成无码人在线观看天堂|
国产美女无遮挡免费网站|
精品一区二区三区免费毛片爱|
边摸边脱吃奶边高潮视频免费|
亚洲成人一级电影|
日韩亚洲欧洲在线com91tv|
国产中文字幕免费观看|
免费可以看黄的视频s色|
免费人成网站在线观看不卡|
日韩在线视频播放免费视频完整版|
avtt天堂网手机版亚洲|
亚洲AV福利天堂一区二区三|
亚洲欧洲日产国码高潮αv|
日本一道在线日本一道高清不卡免费
|