JavaScript如何实现“面向对象”的各种特征

JavaScript如何实现“面向对象”的各种特征

JavaScript是一种基于对象的语言，只能使用系统提供的内置对象。如何才能用JavaScript写出象面向对象语言一样的代码呢？下面我就给大家说说我的方法。

1、定义一个类(class & field)
//***********code begin***********
//定义类
function MyClass()
{
 this.field1;  //定义类的成员
 this.field2;
}
var obj = new MyClass();  //调用类
obj.aa = 1;  //访问成员
obj = null;  //释放对象
//***********code end***********

2、定义类的方法(method)
//***********code begin***********
function MyClass()
{
 this.method1 = _func1;
 this.method2 = _func2;

 //函数
 function _func1(aa)
 {
  //code here
 }
}
function _func2(aa,bb)  //外部函数
{
 //code here
}
var obj = new MyClass();  //调用类
obj.method1("参数");  //调用方法
obj = null;  //释放对象
//***********code end***********
注意：a.把一个函数绑定到方法的时候，不能加参数和括号；
      b.绑定为方法的函数可以在类的外部或内部（当然，在别的文件中也行）

3、属性(Property)
   抱歉，JavaScript不能实现象C#中的属性那样的效果，定义的方法和数据成员都是公有的。
但是，我们可以用方法来访问属性。
//***********code begin***********
function MyClass()
{
 var privateData = 0;
 this.getData = _func1;
 this.setData = _func2;

 //获取成员
 function _func1()
 {
  return privateData;
 }

 //设置成员
 function _func2(value)
 {
  privateData = value;
 }
}
var obj = new MyClass();  //调用类
obj.setData(100);
alert(obj.getData());
obj = null;  //释放对象
//***********code end***********
注意：a.这里其实是定义一个函数内的局部变量，外部无法访问，所以，访问成员的方法也要定义在类里面。

4、数据成员(public & private)
   JavaScript中定义的类中，成员都是可以访问的，就好像默认加上了public。
   如何实现成员的私有呢？看了3的例子可能就明白了，在class里面定义局部变量就能够使成员私有。
   方法的私有也是一样，只要函数不绑定就行了。
//***********code begin***********
function MyClass()
{
 var privateData = 0;
 this.getData = _func1;
 this.setData = _func2;

 //获取成员
 function _func1()
 {
  return privateData;
 }

 //设置成员
 function _func2(value)
 {
  __privateMethod();  //访问私有的方法，外部不能访问
  privateData = value;
 }

 function __privateMethod()
 {
  privateData = 1000;  //私有方法中访问私有成员
 }
}
var obj = new MyClass();  //调用类
obj.setData(100);
obj.getData();
obj = null;  //释放对象
//***********code end***********
注意：a.公有方法中能够访问公有的方法和成员，也能访问私有的方法和成员；但是，私有的方法只能访问私有的方法和成员。

5、对对象本身的访问(this)
   看了上面一节，朋友们一定发现这样的问题：私有的方法中如何访问对象本身？
   如果一个函数，没有采用this.方法名=函数名的格式绑定，那么函数中使用this将产生错误。如何解决呢？
//***********code begin***********
function MyClass()
{
 var me = this;  //注意这里，将对象本身引用到另外一个对象。
 var privateData = 0;
 this.publicData;
 this.getData = _func1;
 this.setData = _func2;

 //获取成员
 function _func1()
 {
  return privateData;
 }

 //设置成员
 function _func2(value)
 {
  this.publicData = 100;  //访问共有的数据成员
  __privateMethod();  //访问私有的方法，外部不能访问
  privateData = value;
 }

 function __privateMethod()
 {
  me.publicData = 200;  //在私有方法中访问共有方法
  privateData = 1000;  //私有方法中访问私有成员
 }
}
var obj = new MyClass();  //调用类
obj.setData(100);
obj.getData();
obj = null;  //释放对象
//***********code end***********
总结：在定义类的时候，将对象本身赋值给一个局部变量，其他函数就能通过访问这个变量来访问类了。

6、函数重载(overload)
   函数重载能够通过不同的参数，调用同名的不同函数。JavaScript中也可以，只是要麻烦些：
//***********code begin***********
function func1()  //在定义函数的时候可以指定，也可以不指定参数
{
 var nArgCount = func1.arguments.length;
 switch(nArgCount)
 {
  case 0:  //没有参数
   //code here
   break;
  case 1:  //一个参数
   //code here
   break;
  …………
  default:
   //code here
   break;
 }
}
//***********code end***********
注意：a.可惜，我还没有想出如何根据参数类型而作出判断的方法。

7、构造函数(Constrcutor)
   呵呵，因为类本身就是一个函数，所以把代码直接写在函数里面就相当于构造函数了。
//***********code begin***********
function MyClass()
{
 this.publicData;
 //下面的代码相当于构造函数
 this.publicData = 123;
 alert(this.publicData);
}
var obj = new MyClass();  //调用类
obj = null;  //释放对象
//***********code end***********
注意：构造函数在这里没有使用参数，可以结合第6个技巧，做出构造函数参数的效果。

8、自定义事件(event)
   JavaScript中，函数本身也是对象，可以直接使用，所以，定义自己的事件也很简单。
//***********code begin***********
function MyClass()
{
 var privateData = 0;
 this.setData = _setData;
 this.OnDataChange = null;

 function _setData(value)
 {
  privateData = value;
  this.OnDataChange();  //引发事件
 }
}
function MyEvent()
{
 alert("你改变了数值！");
}
var obj = new MyClass();  //调用类
obj.OnDataChange = MyEvent;
obj.setData(1234);
obj = null;  //释放对象
//***********code end***********

9、继承
  使用prototype实现继承：
function MyClass()
{
    this.Property = "value";
    this.Method = function(){}
}

var obj = new MyClass();
obj.prototype.Property1 = "value1";
obj.prototype.Method1 = function(){}

   好了，以上就是小弟总结出来的技巧，希望对大家有所帮助。
   同时，我再次也倡议大家：如果多个函数能够重用，或者解决某个问题能够重用，那么就把这些JavaScript的代码写成一个类。封装性好，重用性也好！

*********************************
* 阿福原创                      *
* QQ:12304685                   *
* mail:[e-mail]     *
*********************************