令人惊奇的JavaScript面向对象（四）

 

 

这一次就说说“static”吧。

 

静态成员变量

 

众所周知，静态成员变量就是整个类只保存一个副本的变量，不管你通过这个类创建了多少个对象，所有对象共享一个静态成员变量。静态变量可以通过类名或者对象访问。

 

JavaScript中类似这样的成员变量定义方式如下：

 

TestClass.sVar = 1;

 

但是这样创建的变量仅仅符合“保留一份副本”、“通过类名访问”的特征。并且这样的变量只能是公有的，并且不能通过对象进行访问。在类成员方法访问该变量时，仍然需要通过类名进行访问。 这样的一种机制实际上仅仅是为变量绑定一个“父亲”，而没有像C++或者Java那样封装得那么严谨。

 

静态成员函数

 

静态成员函数可以通过类或者类的对象进行调用，函数体内不能访问成员变量。

 

JavaScript中类似这样的成员方法定义方式和“静态成员变量”的定义方式相仿：

 

TestClass.sMethod = function() {};

 

这样的函数体中可以通过this或者类名访问“静态成员变量”。

 

一个例子

 

Code
<script type="text/javascript">

// 类声明
function TestClass() {
    //定义类成员
    this.sVar = 10;
    this.sMethod = function() {
        alert(this.sVar);
    }
};

// 定义静态变量
TestClass.sVar = 1;

// 定义静态方法
TestClass.sMethod = function() {
    alert(this.sVar);
}

//调用静态变量与静态方法
alert(TestClass.sVar);
TestClass.sMethod();

test = new TestClass();
//调用成员变量及成员方法
alert(test.sVar);
test.sMethod();

</script>