javascript创建对象
自从有了Ajax这个概念,JavaScript作为Ajax的利器,其作用一路飙升。JavaScript最基本的使用,以及语法、浏览器对象等等东东在这里就不累赘了。把主要篇幅放在如何实现JavaScript的面向对象编程方面。
1.用JavaScript实现类
JavaScritpt没有专门的机制实现类,这里是借助它的函数允许嵌套的机制来实现类的。一个函数可以包含变量,又可以包含其它函数,这样,变量可以作为属性,内部的函数就可以作为成员方法了。因此外层函数本身就可以作为一个类了。如下:
{
//此处相当于构造函数
}
2.如何获得一个类的实例
实现了类就应该可以获得类的实例,JavaScript提供了一个方法可以获得对象实例。即new操作符。其实JavaScript中,类和函数是同一个概念,当用new操作一个函数时就返回一个对象。如下:
3.对象的成员的引用
在JavaScript中引用一个类的属性或方法的方法有以下三种。
1>点号操作符
这是一种最普遍的引用方式,就不累赘。即如下形式:
对象名.方法名;
2>方括号引用
JavaScript中允许用方括号引用对象的成员。如下:
对象名["方法名"];
另外,使用方括号引用的属性和方法名还可以以数字开头,或者出现空格,而使用点号引用的属性和方法名则遵循标示符的规则。但一般不提倡使用非标示符的命名方法。
3>使用eval函数
如果不希望使用变量传递变量或方法名,又不想使用条件判断,那么eval函数是一个好的选择。eval接收一个字符串类型的参数,然后将这个字符串作为代码在上下文中执行,返回执行的结果。这里正是利用了eval的这一功能。如下:
4.对对象属性,方法的添加、修改和删除操作
JavaScript中,在生成对象之后还可以为对象动态添加、修改和删除属性和方法,这与其它面向对象的语言是不同的。
1>添加属性和方法
先创建一个对象,空对象创建后没有任何属性和方法,然而我们可以在代码中创建。
//添加属性
obj1.ID=1;
obj1.name="johnson";
//添加方法
obj1.showMessage=function()
{
alert("ID:"+this.ID+",Name:"+this.Name);
}
2>修改属性与方法
与添加属性和方法类似,例如接着上面的例子:
obj1.ID=2;
obj1.name="Amanda";
//修改方法
obj1.showMessage=function()
{
alert("ID:"+this.ID");
}
3>删除属性与方法
直接将要删除的属性或方法赋值为undefined即可:
obj1.Name=undefined;
obj1.showMessage=undefined;
5.创建无类型对象。
类似于C#3.0里的AnonymousTypes,JavaScript也可以创建无类型的对象。形式如下:
varobj2=
{
ID:1,
Name:"Johnson",
showMessage:function()
{
alert("ID:"+this.ID+"Name:"+this.Name);
}
}
用这种方式创建属性方法时,也可以用字符串定义属性方法的名字。如:
{
"ID":1,
"Name":"Johnson"
}
6.prototype
每个函数对象都具有一个子对象prototype,因为函数也可以表示类,所以prototype表示一个类的成员的集合。当new一个对象时,prototype对象的成员都会被实例化成对象的成员。先看一个例子:
{}
myClass.prototype.ID=1;
myClass.prototype.name="johnson";
myClass.prototype.showMessage=function()
{
alert("ID:"+this.ID+"Name:"+this.Name);
}
varobj1=newmyClass();
obj1.showMessage();
{
//添加属性
this.ID=1;
this.name="johnson";
//添加方法
this.showMessage=function()
{
alert("ID:"+this.ID+",Name:"+this.Name);
}
}
varobj1=newmyClass();
varobj2=newmyClass();
由于prototype的初始化发生在函数体执行之前,用以下代码可以证明:
{
//此处相当于构造函数
this.ID=1;
this.Name1=this.Name;
this.showMessage();
}
myClass.prototype.name="johnson";
myClass.prototype.showMessage=function()
{
alert("ID:"+this.ID+",Name:"+this.Name);
}
varobj1=newmyClass();
最后只得一提的是,prototype有一个方法,在面向对象的设计中用得到。即:constructor属性,是对构造函数的调用,这里的构造函数即上文提到的类的声明里的代码。如:
{
//此处相当于构造函数
alert("thisisinconstructor");
}
myClass.prototype.constructor();
varobj1=newmyClass();