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

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

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

?
1
/****************************************
?
1
* 方法一
?
1
* 类、方法、属性都为静态类型
?
1
* 不能创建实例
?
1
*****************************************/
?
1
var Time = {
?
1
today: ‘ 2009 - 3 - 8 ′,
?
1
weather: ‘rain’,
?
1
show: function() {
?
1
alert(‘Today is ‘ + this .today);
?
1
}
?
1
 
?
1
 
?
1
//静态对象可直接使用,无需创建实例
?
1
alert(‘It is ‘ + Time.weather + ‘ today.’);
?
1
Time.show();
?
1
 
?
1
//下面的代码会出错,因为静态类不能创建实例
?
1
//var t = new Time();
?
1
//t.show();
?
1
 
?
1
/****************************************
?
1
* 方法二
?
1
* 普通对象,同时拥有静态和非静态属性、方法
?
1
* 可以用实例化
?
1
* 注意:
?
1
*   1 .静态方法/属性使用类名访问
?
1
*   2 .非静态方法/属性使用实例名访问
?
1
*****************************************/
?
1
function Person(name) {
?
1
//非静态属性
?
1
this .name = name;
?
1
//非静态方法
?
1
this .show = function() {
?
1
alert(‘My name is ‘ + this .name + ‘.’);
?
1
}
?
1
}
?
1
//添加静态属性,人都是一张嘴
?
1
Person.mouth = 1 ;
?
1
//添加静态方法,哇哇大哭
?
1
Person.cry = function() {
?
1
alert(‘Wa wa wa …’);
?
1
 
?
1
//使用prototype关键字添加非静态属性,每个人的牙可能不一样多
?
1
Person.prototype.teeth = 32 ;
?
1
 
?
1
//非静态方法必须通过类的实例来访问
?
1
var me = new Person(‘Zhangsan’);
?
1
//使用非静态方法、属性
?
1
me.show();
?
1
alert(‘I have ‘ + me.teeth + ‘ teeth.’);
?
1
//使用静态方法、属性
?
1
Person.cry();
?
1
alert(‘I have ‘ + Person.mouth + ‘ mouth.’);
?
1
 
?
1
2
3
var p= new Person( "x" );
     alert(p.mouth); //回显示未定义
     p.cry(); //会显示Uncaught TypeError: Object # has no method 'cry'
?
1
可以发现,实例对象没法访问类的静态方法和属性。需要访问只能使用类名
?
1
 
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
          class 
          = 
          "brush:java;" 
          > 
          "color:#333333;" 
          >function Person(name){ 
         
         this .name=name;
         this .show=function(){
             alert( "My Name is " + this .name);
         };
     };
     
     Person.mouth= 1 ;
     Person.cry=function(){
         alert( "wa wa" );
     }
     Person.prototype.teeth= 32 ;
     
     
     var p= new Person( "x" );
     alert(Person[ "mouth" ]); //1
     p[ "show" ](); //My name is x

?
1
 
?
1
在Jquery中可以这样使用对象的静态方法和属性:
?
1
2
3
 
          class 
          = 
          "brush:java;" 
          >var arr= 
          new 
          Array(); 
         
    arr[ "push" ]( "x" );
    alert(arr[ "length" ]); //1欢迎大家补充讨论,共同进步!
?
1
 
?
1
 
?
1
 
?
1
 

你可能感兴趣的:(Javascript)