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

本文介绍两种在JavaScript中实现静态特性的方法。一是定义一个普通的对象作为静态类,无法创建实例;二是定义一个构造函数,同时拥有静态和非静态属性及方法。文章详细展示了如何通过这两种方式来模拟静态特性的实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Javascript语言的面向对象特征很弱,其他面向对象语言在创建类时只要使用关键字static即可指定类为静态类,Javascript没有提供static这样的关键字,要让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.’);

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值