用Javascript實現靜態對象、靜態方法和靜態屬性

轉自:http://blog.tugai.net/2009/03/07/javascript-static-class-mothed-property/

 

西風瘦馬 發佈於 三月 7, 2009

Javascript語言的面向對象特徵很弱,其他面嚮對象語言在創建類時只要使用關鍵字static即可指定類爲靜態類,Javascript沒有提供static這樣的關鍵字,要讓Javascript也具有“靜態”特性只有靠一些“奇技淫巧”了。

代碼中列舉了兩種靜態方法/屬性的實現方式,一種是靜態類的靜態方法和屬性,另一種是非靜態類的靜態方法和屬性,代碼說明都寫在每行的代碼註釋裏,這裏就不重複了。

JAVASCRIPT:
  1. var Time = {
  2. today: ‘2009-3-8′,
  3. weather: ‘rain’,
  4. show: function() {
  5. alert(‘Today is ‘ + this.today);
  6. }
  7. };
  8. //靜態對象可直接使用,無需創建實例
  9. alert(‘It is ‘ + Time.weather + ‘ today.’);
  10. Time.show();
  11. //下面的代碼會出錯,因爲靜態類不能創建實例
  12. //var t = new Time();
  13. //t.show();
  14. function Person(name) {
  15. //非靜態屬性
  16. this.name = name;
  17. //非靜態方法
  18. this.show = function() {
  19. alert(‘My name is ‘ + this.name + ‘.’);
  20. }
  21. }
  22. //添加靜態屬性,人都是一張嘴
  23. Person.mouth = 1;
  24. //添加靜態方法,哇哇大哭
  25. Person.cry = function() {
  26. alert(‘Wa wa wa …’);
  27. };
  28. //使用prototype關鍵字添加非靜態屬性,每個人的牙可能不一樣多
  29. Person.prototype.teeth = 32;
  30. //非靜態方法必須通過類的實例來訪問
  31. var me = new Person(‘Zhangsan’);
  32. //使用非靜態方法、屬性
  33. me.show();
  34. alert(‘I have ‘ + me.teeth + ‘ teeth.’);
  35. //使用靜態方法、屬性
  36. Person.cry();
  37. alert(‘I have ‘ + Person.mouth + ‘ mouth.’);

2 評論

  1. uosma 發佈於 九月 22nd, 2009

    關於靜態方法你對js的理解本身就是錯誤的,更讓我驚訝的是到處都是這樣錯誤的寫法

  2. hanyuxinting 發佈於 十二月 7th, 2011
發佈了17 篇原創文章 · 獲贊 5 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章