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 #
|
1
|
可以发现,实例对象没法访问类的静态方法和属性。需要访问只能使用类名
|
1
|
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
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
|
arr[
"push"
](
"x"
);
alert(arr[
"length"
]);
//1欢迎大家补充讨论,共同进步!
|
1
|
|
1
|
|
1
|
|
1
|
|