1. javascript类的静态属性和方法
静态方法是可以使用类名称直接调用的方法(无需创造类的实例).
静态属性是可以使用类名称直接引用的属性(无需创造类的实例).
在javascript中,类使用function定义.所以类名称就是定义的function名称.
其实,在定义function的时候,也是在创建一个对象,这样,下面代码中
Person.cry = function() {
alert(‘Wa wa wa …’);
}; 这种方式,为Person添加一个静态方法,就是为Person这个function对象添加一个属性而已.
这样可调用Person.cry().看起来就相当于调用静态方法了.
注1:
类似于me.teeth这样的访问非静态属性(对象实例.属性方式访问的),这里的teeth可以是prototype对象中的属性.当调用me.teeth时,javascript先搜索me对象是否包含teeth这个属性,如果不包含,则搜索me.prototype这个对象是否包含teeth,如果还不包含,则搜索me.prototype.prototype,这样沿着原型链一直搜索.
注2:
Person.prototype.teeth = 32;
这种方式设置属性值后,
加入再次new一个Person对象 you = new Person('Lisi');
则you.teeth也被设置为32了.
但是也可以在定义Person这个function的时候,设置this.teeth=30,这样就覆盖了Person.prototype.teeth.
当然,如果不在Person定义的function覆盖teeth属性,则所有Person对象实例都共享一份Person.prototype.teeth属性值.
参考下面代码:
/****************************************
* 方法一
* 类、方法、属性都为静态类型
* 不能创建实例
*****************************************/
var Time = {
today: ‘2009-3-8′,
weather: ‘rain’,
show: function() {
alert(‘Today is ‘ + this.today);
}
};
//静态对象可直接使用，无需创建实例
alert(‘It is ‘ + Time.weather + ‘ today.’);
Time.show();
//下面的代码会出错，因为静态类不能创建实例
//var t = new Time();
//t.show();
/****************************************
* 方法二
* 普通对象，同时拥有静态和非静态属性、方法
* 可以用实例化
* 注意：
* 1.静态方法/属性使用类名访问
* 2.非静态方法/属性使用实例名访问
*****************************************/
function Person(name) {
//非静态属性
this.name = name;
//非静态方法
this.show = function() {
alert(‘My name is ‘ + this.name + ‘.’);
}
}
//添加静态属性，人都是一张嘴
Person.mouth = 1;
//添加静态方法，哇哇大哭
Person.cry = function() {
alert(‘Wa wa wa …’);
};
//使用prototype关键字添加非静态属性，每个人的牙可能不一样多
Person.prototype.teeth = 32;
//非静态方法必须通过类的实例来访问
var me = new Person(‘Zhangsan’);
//使用非静态方法、属性
me.show();
alert(‘I have ‘ + me.teeth + ‘ teeth.’);
//使用静态方法、属性
Person.cry();
alert(‘I have ‘ + Person.mouth + ‘ mouth.’);
参考:
http://blog.tugai.net/2009/03/07/javascript-static-class-mothed-property/
2. 私有属性
实现私有属性之前,需要先理解闭包.
闭包涉及到javascript的变量的作用域,下面这篇文章讲的特别好.
参考 http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html
,里面总结的闭包用途:
一个是前面提到的可以读取函数内部的变量，另一个就是让这些变量的值始终保持在内存中。
下面是一个例子,想象一个场景:
在一个页面中,我们需要一个函数,返回一个index值,每次调用都返回一个整数,第一次返回0,第二次返回1,以此类推.
可以用下面代码实现:
var myGetIndex = function()
{
var temp = 0; //局部变量
var tempGetIndex = function() //内部函数,一个闭包,每次调用,temp值保留在 //内存中
{
return temp++;
}
return tempGetIndex; //返回内部函数对象
}
var getIndex = myGetIndex();//getIndex 实际上是一个function
alert(getIndex());//返回0
alert(getIndex());//返回1
alert(getIndex());//返回2
这样,可以用下面的代码说明javascript类的私有变量
function Person(name,age)
{
this.name=name; //公有变量
this.age=age; //公有变量
var salary = 0; //私有变量,因为这个是Person这个function的内部(局部)变量,外部无法访问
this.setSalary = function(newSalary){salary=newSalary};//setSalary是公有属性,外部可调用//,但是这个setSalary是一个函数,外部需要用setSalary(100)这个方式调用
this.getSalary = function(){return salary};
}
var jack = new Person('jack',29);
jack.setSalary(1000);
alert(jack.getSalary()); //返回1000
参考： http://www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_encapsulation.html