<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()方法。

    ??? 文章待續……    
						
						
				    
		
    

    
	
    


    
	    
    




    








    

				
	
    
	
	
	

    

    







    
        
	



主站蜘蛛池模板：
青青青国产在线观看免费网站
|
特级毛片aaaa免费观看|
亚洲成在人线aⅴ免费毛片|
亚洲精品无码久久久久YW|
日韩精品无码免费视频|
热re99久久6国产精品免费|
a毛片基地免费全部视频|
久久99亚洲综合精品首页|
亚洲一区中文字幕久久|
亚洲欧美日韩国产成人|
天天拍拍天天爽免费视频|
久久亚洲中文字幕精品一区四|
牛牛在线精品观看免费正|
亚洲日韩国产一区二区三区|
久久夜色精品国产噜噜亚洲AV|
久久午夜伦鲁片免费无码|
老司机亚洲精品影院|
成视频年人黄网站免费视频|
亚洲日韩精品国产一区二区三区|
成人五级毛片免费播放|
国产精品亚洲专区无码牛牛|
鲁大师在线影院免费观看
|
亚洲AV日韩AV永久无码绿巨人
|
91亚洲精品自在在线观看|
国产精品玖玖美女张开腿让男人桶爽免费看
|
亚洲精品白浆高清久久久久久|
亚洲xxxx18|
黄网站免费在线观看|
免费一区二区三区四区五区|
亚洲国产成人久久精品app|
免费高清小黄站在线观看|
亚洲视频在线观看地址|
中文字幕一区二区三区免费视频|
四虎影院免费视频|
四虎精品免费永久免费视频|
亚洲国产精品va在线播放|
中国一级毛片免费看视频|
亚洲成A∨人片在线观看无码|
久久久久久久久久国产精品免费|
亚洲一区二区三区偷拍女厕|
一级毛片a免费播放王色电影|