JavaScript面向对象编程（1）-- 基础

自从有了Ajax这个概念，JavaScript作为Ajax的利器，其作用一路飙升。JavaScript最基本的使用，以及语法、浏览器对象等等东东在这里就不累赘了。把主要篇幅放在如何实现JavaScript的面向对象编程方面。function myClass()

var obj1 = new myClass();

3. 对象的成员的引用

在JavaScript中引用一个类的属性或方法的方法有以下三种。

1> 点号操作符

这是一种最普遍的引用方式，就不累赘。即如下形式：

对象名.属性名;

对象名.方法名;

2> 方括号引用

JavaScript中允许用方括号引用对象的成员。如下：

对象名["属性名"];

对象名["方法名"];

这里方括号内是代表属性或方法名的字符串，不一定是字符串常量。也可以使用变量。这样就可以使用变量传递属性或方法名。为编程带来了方便。在某些情况下，
代码中不能确定要调用那个属性或方法时，就可以采用这种方式。否则，如果使用点号操作符，还需要使用条件判断来调用属性或方法。

另外，使用方括号引用的属性和方法名还可以以数字开头，或者出现空格，而使用点号引用的属性和方法名则遵循标示符的规则。但一般不提倡使用非标示符的命名方法。

3> 使用eval函数

如果不希望使用变量传递变量或方法名，又不想使用条件判断，那么eval函数是一个好的选择。eval接收一个字符串类型的参数，然后将这个字符串作为代码在上下文中执行，返回执行的结果。这里正是利用了eval的这一功能。如下：

alert(eval("对象名." + element.value));

4.
对对象属性，方法的添加、修改和删除操作

JavaScript中，在生成对象之后还可以为对象动态添加、修改和删除属性和方法，这与其它面向对象的语言是不同的。

1>
添加属性和方法

先创建一个对象，空对象创建后没有任何属性和方法，然而我们可以在代码中创建。

var obj1 = new Object();

//添加属性

obj1.ID = 1;

obj1.Name = "johnson";

//添加方法

obj1.showMessage = function()

// 修改属性

obj1.ID = 2;

obj1.Name = "Amanda";

// 修改方法

obj1.showMessage = function()

obj1.ID = 1;

obj1.Name = undefined;

obj1.showMessage = undefined;

5.
创建无类型对象。

类似于C#3.0里的Anonymous Types，JavaScript 也可以创建无类型的对象。形式如下：

var obj2 =

var obj2 =

function myClass()

myClass.prototype.ID = 1;

myClass.prototype.Name = "johnson";

myClass.prototype.showMessage = function()

var obj1 = new myClass();

obj1.showMessage();

使用prototype对象创建类有一个好处。如果将所有的成员直接写在类的声明中，如下：

function myClass()

var obj1 = new myClass();

var obj2 = new myClass();

在上面的代码中，定义了一个类myClass，在类中直接定义了两个属性和一个方法。然后实例化了两个对象，这里的两个属性和一个方法，每创建一次
myClass对象都会被创建一次，浪费了内存空间。而用prototype以后就可以解决这个问题，每new一个函数时，其prototype对象的成
员都会自动赋给这个对象，当new多个对象时不会重复创建。

由于prototype的初始化发生在函数体执行之前，用以下代码可以证明：

function myClass()

myClass.prototype.Name = "johnson";

myClass.prototype.showMessage = function()

var obj1 = new myClass();

执行以上代码可以发现当new这个类型的对象时，即弹出了对话框。

最后只得一提的是，prototype有一个方法，在面向对象的设计中用得到。即：constructor属性，是对构造函数的调用，这里的构造函数即上文提到的类的声明里的代码。
如：

function myClass()

myClass.prototype.constructor();

var obj1 = new myClass();

执行以上代码你会发现对话框弹出了两次。由此可见，prototype可专门用于设计类的成员，实际上在JavaScript面向对象的设计中，很多时候都会用到prototype。

转自:http://www.cnblogs.com/johnson2008/archive/2008/05/15/1198252.html