Javascript面向对象 2 -- 【封装】

 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