用Javascript实现静态对象、静态方法和静态属性

Javascript语言的面向对象特征很弱，其他面向对象语言在创建类时只要使用关键字static即可指定类为静态类，Javascript没有提供static这样的关键字，要让Javascript也具有“静态”特性只有靠一些“奇技淫巧”了。

代码中列举了两种静态方法/属性的实现方式，一种是静态类的静态方法和属性，另一种是非静态类的静态方法和属性，代码说明都写在每行的代码注释里，这里就不重复了。

PLAIN TEXT

JAVASCRIPT:

 

1. /****************************************
2. * 方法一
3. * 类、方法、属性都为静态类型
4. * 不能创建实例
5. *****************************************/
6. var Time = {
7.     today: ‘2009-3-8′,
8.     weather: ‘rain’,
9.     show: function() {
10.         alert(‘Today is ‘ + this.today);
11.     }
12. };
13.  
14. //静态对象可直接使用，无需创建实例
15. alert(‘It is ‘ + Time.weather + ‘ today.’);
16. Time.show();
17.  
18. //下面的代码会出错，因为静态类不能创建实例
19. //var t = new Time();
20. //t.show();
21.  
22. /****************************************
23. * 方法二
24. * 普通对象，同时拥有静态和非静态属性、方法
25. * 可以用实例化
26. * 注意：
27. *   1.静态方法/属性使用类名访问
28. *   2.非静态方法/属性使用实例名访问
29. *****************************************/
30. function Person(name) {
31.     //非静态属性
32.     this.name = name;
33.     //非静态方法
34.     this.show = function() {
35.         alert(‘My name is ‘ + this.name + ‘.’);
36.     }
37. }
38. //添加静态属性，人都是一张嘴
39. Person.mouth = 1;
40. //添加静态方法，哇哇大哭
41. Person.cry = function() {
42.     alert(‘Wa wa wa …’);
43. };
44. //使用prototype关键字添加非静态属性，每个人的牙可能不一样多
45. Person.prototype.teeth = 32;
46.  
47. //非静态方法必须通过类的实例来访问
48. var me = new Person(‘Zhangsan’);
49. //使用非静态方法、属性
50. me.show();
51. alert(‘I have ‘ + me.teeth + ‘ teeth.’);
52. //使用静态方法、属性
53. Person.cry();
54. alert(‘I have ‘ + Person.mouth + ‘ mouth.’);