javascript 的对象学习

1. /**  
2.  * window级别对象 使用para: value 方式定义  
3.  * 也可以理解为静态类  
4.  * 可以直接访问其内部的方法和属性  
5.  * testWindowClass.id testWindowClass.m()  
6.  */  
7. var testWindowClass = {   
8.     //属性   
9.     id: "WId0",   
10.     //方法   
11.     m : function() {   
12.         alert("window object method");   
13.     }   
14. }   
15.   
16. /**  
17.  * 扩展window对象的扩展方法   
18.  * 为对象增加方法或属性  
19.  * 直接访问 testWindowClass.method3()  
20.  */  
21. testWindowClass.method3 = function() {   
22.     alert("--window method3--");   
23. };   
24.   
25. /**  
26.  * 普通JS对象  
27.  * 类似JAVA中的CLASS类  
28.  * 使用this.param = value; 方式定义  
29.  * 初始化对象后才可以访问其内部的属性和方法  
30.  * var t = testObjectClass();  
31.  * t.objectMethod(); t.id;  
32.  */  
33. var testObjectClass = function() {   
34.     //方法   
35.     this.objectMethod = function() { alert("--object class method--"); };   
36.     //属性   
37.     this.id = 0;   
38. }   
39.   
40. /**  
41.  * 普通JS对象  
42.  */  
43. var testBaseClass = function() {   
44.     //id: "0"  --error   
45.     this.id="0";   
46.     this.method1=function(){ alert("----testBaseClass:method1()----"); }   
47.      
48.     //扩展testObjectClass对象 类似于继承 testBaseClass继承testObjectClass   
49.     testObjectClass.apply(this);   
50.      
51.     //将testWindowClass.method3方法应用到testBaseClass对象中去执行   
52.     testWindowClass.method3.apply(this);   
53. }   
54.   
55. //扩展类的方法 原型（prototype）链方式   
56. testBaseClass.prototype.method2 = function() {   
57.     alert("----testBaseClass:method2()----");   
58. };   
59.   
60. //测试方法   
61. function test() {   
62.     var test44 = new testBaseClass();   
63.     //alert(test44.id);   
64.     //test44.method1();   
65.     //alert(testWindowClass.id);   
66.     //alert(testBaseClass.id);   
67.     //test44.method2();   
68.     //testWindowClass.method3();   
69.     test44.objectMethod();   
70. }   
71.   
72. //-----------------------------------------------------------   
73.   
74. /**  
75.  * 一些JS框架源码中使用的对象声明方式  
76.  * var Obj = (function() {  
77.  *    //私有属性  
78.  *    this.id = 0;  
79.  *    //私有方法  
80.  *    this.m = function(){alert("some method")};  
81.  *    return {  
82.  *        //公有方法  
83.  *        init : function() {this.id = 1;}  
84.  *    };    
85.  * })();  
86.  *  
87.  * 该对象声明使用匿名函数 var Obj = (function() {})()  
88.  * 注意 该段代码的结尾处加上了'()' 表示声明后立即执行该段函数  
89.  * 使用方式 Obj.init();  
90.  * 这其中的 Obj的内容即为执行匿名函数的结果  
91.  * 在上面的匿名函数执行后会返回 { init : function(){} };这个对象  
92.  * 这是就可以直接通过 Obj.init(); 调用其返回的对象中的方法  
93.  * 这种方式实现了私有方法/属性与公有方法属性的分离  
94.  * 只有return对象中的方法/属性是可见的  
95.  */  
96.   
97. //-----------------------------------------------------------   
98.   
99. /**  
100.  * 一个应用测试  
101.  */  
102. //定义一个基础教师类   
103. var BaseTeacher = function() {   
104.     this.id = 0;   
105.     this.type = "base teacher";   
106.     this.showInfo = function() {   
107.         alert("----showInfo teacher'type: " + this.type);   
108.     };   
109. }   
110.   
111. //给基础教师类增加name属性   
112. BaseTeacher.prototype = {   
113.     name: "I don't know!"  
114. }   
115.   
116. //定义一个中文教师类   
117. var ChineseTeacher = function() {};   
118. //中文教师类继承基础教师   
119. ChineseTeacher.prototype = new BaseTeacher();   
120. //修改中文教师类的type属性值   
121. ChineseTeacher.prototype.type = "chinese teacher";   
122.   
123. //定义一个英文教师类   
124. var EnglishTeacher = function() {};   
125. //英文教师类继承基础教师   
126. EnglishTeacher.prototype = new BaseTeacher();   
127. //修改英文教师类的type属性值   
128. EnglishTeacher.prototype.type = "english teacher";   
129.   
130. //定义一个意大利语教师类   
131. var ItalyTeacher = function() {   
132.     //将基础教师类的属性方法赋给意大利语教师对象   
133.     BaseTeacher.apply(this);   
134. }   
135.   
136. function testBase() {   
137.     //var baseTeacher = new BaseTeacher();   
138.     //alert("teacher'type: " + baseTeacher.type);   
139.     //alert("teacher'name: " + baseTeacher.name);   
140.     var chineseTeacher = new ChineseTeacher();   
141.     var englishTeacher = new EnglishTeacher();   
142.     var italyTeacher = new ItalyTeacher();   
143.     //alert("chineseTeacher.type: " + chineseTeacher.type);   
144.     //alert("chineseTeacher.id: " + chineseTeacher.id);   
145.     //chineseTeacher.showInfo();   
146.     //alert("englishTeacher.type: " + englishTeacher.type);   
147.     //alert("englishTeacher.id: " + englishTeacher.id);   
148.     //englishTeacher.showInfo();   
149.     italyTeacher.showInfo();   
150. }   
151. //---end---