tbwshc
          

          

          

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

          

          <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+"
          ");
          </script>


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

          

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


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

          

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


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

          

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



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

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


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

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

          我就非常喜歡用prototype繼承。

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

          只簡單的這樣設置繼承的確如樓主所說，有不少缺點。總的來說有四個缺點：

          　　缺點一：父類的構造函數不是像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 2012-06-03 16:04 chen11-1 閱讀(239) 評論(0)  編輯  收藏  所屬分類: javascript 
		
          
	
          
	
	





          
	    
    




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          







    







          
        
	




主站蜘蛛池模板：
环江|
正安县|
邳州市|
临澧县|
周口市|
昌吉市|
武威市|
谷城县|
美姑县|
河曲县|
万载县|
布尔津县|
界首市|
清镇市|
咸阳市|
汉源县|
田东县|
新安县|
岑溪市|
遂平县|
平舆县|
柳林县|
稷山县|
二手房|
临夏市|
云浮市|
建阳市|
保德县|
宝兴县|
巨野县|
肥乡县|
宜君县|
黎城县|
洱源县|
四平市|
沙坪坝区|
巴彦县|
慈利县|
瓮安县|
阿克苏市|
双鸭山市|