這篇文章主要介紹了JavaScript類繼承及實例化的方法,較為詳細的分析了javascript擴展類、實例化類及類對象與成員函數的使用技巧,需要的朋友可以參考下

本文實例講述了JavaScript類繼承及實例化的方法。分享給大家供大家參考。具體如下：

1. (function(){ 
2. var Class = { 
3. //擴展類 
4. create: function(aBaseClass, aClassDefine){ 
5. var $class = function(){ 
6. for(var member in aClassDefine){ 
7. this[member] = aClassDefine[member]; 
8. } 
9. if('undefined'===typeof aClassDefine.initialize){ 
10. this.initialize = function(){}; 
11. } 
12. }; 
13. if('function' ===typeof aBaseClass){  
14. $class.prototype = new aBaseClass();  
15. }else if('object' ===typeof aBaseClass){ 
16. $class.prototype = aBaseClass; 
17. }  
18. return $class; 
19. }, 
20. //實例化類 
21. new: function(jclass,args){ 
22. var jclass = new jclass(); 
23. if(jclass.initialize){ 
24. jclass.initialize.apply(jclass, args); 
25. } 
26. return jclass; 
27. } 
28. }; 
29. //export 
30. window.Class = Class; 
31. })(); 

示例：

1. //基類對象或函數 
2. var obj = { 
3. name: 'BaseName', 
4. init: function(){ 
5. //...  
6. }, 
7. //... 
8. }; 
9. var fun = function(){ 
10. this.name = ''; 
11. var init = function(){ 
12. //.. . 
13. }; 
14. var getName = function(){ 
15. return this.name; 
16. }, 
17. var setName = function(name){ 
18. this.name = name; 
19. return this;//鏈式操作支持 
20. }, 
21. //... 
22. }; 
23. //從Object繼承 
24. var class_frome_obj = Class.create(obj,{ 
25. initialize: function(){ 
26. //構造函數 
27. }, 
28. getName: function(){ 
29. return this.name; 
30. }, 
31. setName: function(name){ 
32. this.name = name; 
33. return this;//鏈式操作支持 
34. }, 
35. //... 
36. }); 
37. //從Function繼承 
38. var class_frome_fun = Class.create(fun,{ 
39. initialize: function(){ 
40. //構造函數 
41. }, 
42. //... 
43. }); 
44. //從空對生成基類 
45. var class_frome_base = Class.create({},{ 
46. initialize: function(){ 
47. //構造函數 
48. }, 
49. //... 
50. }); 
51. //實例化 
52. var get_class_frome_obj = Class.new(class_frome_obj,[arg1,arg2,...]); 
53. var get_class_frome_fun = Class.new(class_frome_fun,[arg1,arg2,...]); 
54. var name1 = get_class_frome_obj.getName(); 
55. //console.log(name1);//BaseName 
56. var name2 = get_class_frome_obj.setName('NewName').getName(); 
57. //console.log(name2);//NewName 

希望本文所述對大家的javascript程序設計有所幫助。