JS建立對象的幾種方式

標籤：class   http   tar   com   使用   strong   

第一種模式：工廠方式

1. var lev=function(){  
2.   
3.    return "啊打";  
4. };  
5. function Parent(){  
6.        var  Child = new Object();  
7.        Child.name="李小龍";  
8.        Child.age="30";  
9.        Child.lev=lev;  
10.      return Child;  
11. };  
12.   
13. var  x = Parent();  
14. alert(x.name);  
15. alert(x.lev());  

 說明：

1.在函數中定義對象,並定義對象的各種屬性，,雖然屬性可以為方法，但是建議將屬性為方法的屬性定義到函數之外，這樣可以避免重複建立該方法

2.引用該對象的時候，這裡使用的是 var x = Parent()而不是 var x = new Parent();因為後者會可能出現很多問題（前者也成為工廠經典方式,後者稱之為混合工廠方式），不推薦使用new的方式使用該對象

3.在函數的最後返回該對象

4.不推薦使用這種方式建立對象，但應該瞭解

第二種模式：建構函式方式

1. var lev=function(){  
2.   
3.    return "啊打";  
4. };  
5. function Parent(){  
6.         
7.        this.name="李小龍";  
8.        this.age="30";  
9.        this.lev=lev;  
10.      
11. };  
12.   
13. var  x =new  Parent();  
14. alert(x.name);  
15. alert(x.lev());  

說明：

1.與工廠方式相比，使用建構函式方式建立對象，無需再函數內部重建建立對象，而使用this指代，並而函數無需明確return

2.同原廠模式一樣，雖然屬性的值可以為方法，扔建議將該方法定義在函數之外

3..同樣的，不推薦使用這種方式建立對象，但仍需要瞭解

第3種模式：原型模式

1. var lev=function(){  
2.   
3.    return "啊打";  
4. };  
5. function Parent(){  
6.         
7.      
8. };  
9.   Parent.prototype.name="李小龍";  
10.   Parent.prototype.age="30";  
11.  Parent.prototype.lev=lev;  
12.   
13. var  x =new  Parent();  
14. alert(x.name);  
15. alert(x.lev());  

 說明：

1.函數中不對屬性進行定義

2.利用prototype屬性對屬性進行定義

3.同樣的，不推薦使用這樣方式建立對象

 第四種模式：混合的建構函式，原型方式（推薦）

1. function Parent(){  
2.   this.name="李小龍";  
3.  this.age=32;  
4.      
5. };   
6. Parent.prototype.lev=function(){  
7.   
8.    return this.name;  
9. };;  
10.   
11. var  x =new  Parent();  
12.   
13. alert(x.lev());  

 說明：1.該模式是指混合搭配使用建構函式方式和原型方式

          2.將所有屬性不是方法的屬性定義在函數中（建構函式方式）

將所有屬性值為方法的屬性利用prototype在函數之外定義（原型方式）

3.推薦使用這樣方式建立對象,這樣做有好處和為什麼不單獨使用建構函式方式和原型方式，由於篇幅問題這裡不予討論

第五種模式：動態原型方式

1. function Parent(){  
2.   this.name="李小龍";  
3.  this.age=32;  
4. ;  
5.  if(typeof Parent._lev=="undefined"){  
6.             
7.        
8.      Parent.prototype.lev=function(){  
9.   
10.                return this.name;  
11.      }  
12.      Parent._lev=true;  
13.  }  
14.      
15. };   
16.   
17.   
18. var  x =new  Parent();  
19.   
20. alert(x.lev());  

 說明：

1.動態原型方式可以理解為混合建構函式，原型方式的一個特例

2.該模式中,屬性為方法的屬性直接在函數中進行了定義，但是因為

1. if(typeof Parent._lev=="undefined"){  
2.             
3.        
4.           Parent._lev=true;}  

 
從而保證建立該對象的執行個體時，屬性的方法不會被重複建立

3.，推薦使用這種模式