用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 #<person> has no method 'cry'</person>

?

1	可以发现，实例对象没法访问类的静态方法和属性。需要访问只能使用类名

?

1

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

<pre class = "brush:java;" ><span style= "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</span></pre><br><br>

?

1

?

1	在Jquery中可以这样使用对象的静态方法和属性：

?

1 2 3

<pre class = "brush:java;" >var arr= new Array();     arr[ "push" ]( "x" );     alert(arr[ "length" ]); //1</pre>欢迎大家补充讨论，共同进步！

?

1

?

1

?

1

?

1