隨筆-9 
評論-3 
文章-0 
trackbacks-0

          
	

          

          
	
					


          
	
	
          1. 偽類(Pseudoclassical)
          
簡單的說，偽類就是通過定義一個構造函數并擴充它的prototype來實現的。
          

          

          <html>
          
          <head>
          
          <title>test</title>
          
          <script>
          
              function test(){
          
                  var Father = function(firstName){
          
                      this.firstName = firstName;
          
        }          ;
          

          
        Father.prototype.name           = function(){
          
                      return this.firstName;
          
        }          ;
          

          
                  var Son = function(firstName, lastName){
          
                      this.firstName = firstName;
          
                      this.lastName = lastName;
          
        }          ;
          

          
        Son.prototype           = new Father();
          

          
        Son.prototype.name           = function(){
          
                      return this.firstName + " " + this.lastName;
          
        }
          
        
          
                  var aSon = new Son("San", "Zhang");
          
        alert(aSon.name());           // San Zhang
          
              }
          
          </script>
          
          <body onload="test()">
          
          </body>
          
          </head>
          
          </html>
          


          
可以看出，這種方法是沒有私有屬性的，并且不能訪問父類的方法。
          

          
2. 原型(Prototypal)
          
利用原型方式來實現繼承，就摒棄了偽類中向“類”這種方式靠攏的方法，而是用純粹的對象來實現。
          

          

          <html>
          
          <head>
          
          <title>test</title>
          
          <script>
          
              function test(){
          
                  var aFather = {
          
            firstName:           "San",
          
            lastName:           "Zhang",
          
            getName:           function(){
          
                          return this.firstName + " " + this.lastName;
          
            }
          
        }          ;
          

          
                  var Son = function(){};
          
        Son.prototype           = aFather;
          

          
                  var aSon = new Son();
          
        aSon.firstName           = "XiaoSan";
          
        alert(aSon.getName());           // XiaoSan Zhang
          
                  alert(Son.prototype.getName()); // San Zhang
          
              }
          
          </script>
          
          <body onload="test()">
          
          </body>
          
          </head>
          
          </html>
          


          
可以看出，現在的繼承是純粹的對象與對象間的了，不過還有個問題，這個方式依然沒有解決屬性隱藏。
          

          
3. 函數化(Functional)
          
使用函數化方法可以通過閉包有效的實現信息隱藏，不過看起來就沒有原型方式直觀了。
          

          <html>
          
          <head>
          
          <title>test</title>
          
          <script>
          
              function test(){
          
                  var father = function(firstName, lastName){
          
                      var instance = {};
          

          
                      // 對外暴露的方法，此時firstName和lastName等于被隱藏了
          
                      instance.getFirstName = function(){
          
                          return firstName;
          
            }          ;
          

          
            instance.getLastName           = function(){
          
                          return lastName;
          
            }          ;
          

          
            instance.getName           = function(){
          
                          return firstName + " " + lastName;
          
            }          ;
          

          
                      return instance;
          
        }          ;
          
        
          
                  var son = function(firstName, lastName){
          
                      // 這里就像OO語言一樣，先調用父類的構造函數
          
                      var instance = father(firstName, lastName);
          
            
          
                      // 擴充方法，這里可以直接使用“父類”的方法，不過屬性已經變化了
          
                      instance.nickname = function(){
          
                          return "Little " + instance.getLastName();
          
            }          ;
          
            
          
                      return instance;
          
        }
          
        
          
                  var aFather = father("San", "Zhang");
          
                  var aSon = son("XiaoSan", "Zhang");
          
        alert(aFather.getName());           // San Zhang
          
                  alert(aSon.getName()); // XiaoSan Zhang
          
                  alert(aSon.nickname()); // Litttle Zhang
          
              }
          
          </script>
          
          <body onload="test()">
          
          </body>
          
          </head>
          
          </html>
          
      
	
          posted on 2010-10-09 10:28 臭美 閱讀(277) 評論(0)  編輯  收藏  所屬分類: The Book of Eli 
          

          







          
	    
    




          





          


          

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


          

		          		
		
          
		
          			
		
		
		
		
          
		
          
		
		
          
		
          
			網站導航:
		
		
          
		
          
			
		
          	
		
          
			 
		
          
		
          
			
		
          
		
          
			
				
		
          		
	
          	

          



          

				

          







    







          
        
	




主站蜘蛛池模板：
渝北区|
鄯善县|
方正县|
高要市|
仪陇县|
锡林郭勒盟|
桂阳县|
集安市|
永福县|
长宁县|
江川县|
六枝特区|
五原县|
石景山区|
永济市|
永宁县|
西昌市|
津市市|
鹤岗市|
甘德县|
金平|
武定县|
都昌县|
栾城县|
陆川县|
横峰县|
安平县|
新化县|
陇南市|
怀远县|
孙吴县|
大渡口区|
新营市|
封丘县|
灵山县|
托克逊县|
大丰市|
宁阳县|
九龙坡区|
剑阁县|
舟曲县|