在Microsoft AJAX Library下JavaScript的面向对象开发
2008-06-08 21:43
555 查看
Javascript对于做过Web程序的人不应该是陌生,初期是用来做一些简单的FORM验证,基本上是在玩弄一些技巧性的东西。Javascript不是一个支持面向对象的语言,更加算不上一个开发平台,但是Javascript提供了一个非常强大的基于Prototype的面向对象调用功能,这使得我们可以在自己需要的地方使用他们。ASP.NET AJAX中也提供了对JavaScript面向对类型系统的支持。
在面向对象的语言(如C#,Java)里,命名空间、类、接口、方法等等这些对大家都不陌生,那么你是否在客户端使用过JavaScript来写过基于面向对象的程序呢?详细请看下面分解:
一、命名空间
命名空间是什么?命名空间的作用是合理的组织大量的类型,使开发人员能够方便的找到他们所需要的类型。如大多数面向对象语言一样,JavaScript在基于Prototype的基础上提供了注册命名空间的方法,见下语法:
Type.registerNamespace("MyNamespae");
比如我们要注册一个为"com.cnblogs.beniao"的命名空间,则使用如下代码进行定义:
1//注册命名空间
2Type.registerNamespace("com.cnblogs.beniao");
在实际的开发中,命名空间是可以重复注册的,最好是在每个独立的脚本模块前都要注册命名空间以保证命名空间存在.
二、类
在面向对象的程序语言里,对类的定义为是具有相同属性、操作、关系的对象集合的总称。那在客户端JavaScript里呢?我想也不外于此,只不过不同于面向对象语言里那样通过class来定义,它有专用注册的语法,见下:
1注册一个类
2Type.registerClass("TypeName");
比如要注册一个名为"com.cnblogs.beniao.Employee"的类,""com.cnblogs.beniao"为命名空间注册代码如下:
1//注册一个com.cnblogs.beniao.Employee类
2Type.registerClass("com.cnblogs.beniao.Employee");
一个类可看作为是抽象出的一个对象,他应该带有构造方法,成员字段以及相关操作,这在面向对象的程序设计里是常见的,而这一特性在客户端JavaScript里也不例外,在JavaScript基于Prototype的支持下也可以为JavaScrpt所注册的类提供构造器和成员字段和相关操作,看看下面的分析:
● 定义构造函数
在JavaScript中类的构造函数使用function定义,同面向对象语言(如C#)一样,构造函数通常用于初始化域变量。面向对象程序语言里定义构造函数,函数名必须与类同名,且函数没有返回值。那JavaScript又是如何定义的呢?定义语法如下:
1//定义构造方法
2MyNamespae.ClassName = function(param1,param2//定义构造方法
2com.cnblogs.beniao.Employee = function(name)
3//定义类的私有成员
2this._myPrivateField=value;
如上面定义类的构造方法的时候使用到的成员this._name,例如我们需要定义一个JavaScript类Books,为其定义BookName,BookAuthor,BookPrice三个私有成员,则应该使用如下定义:
1//在Books类里定义了三个成员
2com.cnblogs.beniao.Books = function()
3//定义成员
2com.cnblogs.beniao.Book = function()
3
9//定义属性
10com.cnblogs.beniao.Book.prototype=
11//定义方法
2com.cnblogs.beniao.Book.prototype=
3// JScript 文件
2//-------------------JavaScript OO(Books)-------------------------//
3//注册命名空间
4Type.registerNamespace("com.cnblogs.beniao");
5
6//定义构造方法和成员
7com.cnblogs.beniao.Books = function(name,author,price)
8
14//定义属性
15com.cnblogs.beniao.Books.prototype=
16
48//注册类
49com.cnblogs.beniao.Books.registerClass("com.cnblogs.beniao.Books");
三、抽象类与抽象方法
通常说含有抽象方法的类即为抽象类,在面向对象的程序语言(如:C#,Java)里,定义有抽象方法的类必须定义为抽象类,那么JavaScript在面向对象的开发支持上的抽象类和抽象方法是怎么定义的呢,Microsoft AJAX Library对JavaScript的抽象方法有特别的定义----在Microsoft AJAX Library里在运行后直接抛出异常的类叫抽象类。也就是说,只要我们在定义的方法里直接throw出异常,那该方法所属的类就是一个抽象类了。可参考下买内定义:
// JScript 文件
2//注册命名空间
3Type.registerNamespace("com.cnblogs.beniao");
4
5//定义构造方法和成员
6com.cnblogs.beniao.Books = function(name)
7
11//定义属性
12com.cnblogs.beniao.Books.prototype=
13
30//注册类
31com.cnblogs.beniao.Books.registerClass("com.cnblogs.beniao.Books");
四、接口
JavaScript也提供接口的定义,其定义和类的定义大致相同,使用registerInterface方法注册接口。从面向对象的知识来分析,接口里定义的方法我们可以称其为抽象方法,在上面的抽象方法的定义上已经介绍,定义一个抽象方法就是直接抛出异常,那是不是定义接口和接口方法也是直接抛出异常呢?答案是肯定的。如下就是一个完整的接口定义:
1//注册命名空间
2Type.registerNamespace("com.cnblogs.beniao");
3
4//定义一个接口
5com.cnblogs.beniao.IBooks = function()
6
10//定义接口方法
11com.cnblogs.beniao.IBooks.prototype=
12//注册接口
2com.cnblogs.beniao.IBooks.registerInterface("com.cnblogs.beniao.IBooks");
以上就完成了定义接口,定义接口方法以及注册接口的工作,但是还得注意很多知识点,JavaScript的接口是不能继承于其他接口的,由于JavaScript为弱类型语言,因此在Microsoft AJAX Library中的接口作用其实只是一种标记,你是不是完全实现了接口中的方法,它在运行期(定义时)是无法察觉是否完全实现了接口方法的,不像C#那样在编译时就要检测接口实现的完整性。
五、类、接口的继承及重写(抽象)方法
1、类的继承和重写抽象方法
在上面我们定义了一个抽象类Books,里面定义有一抽象方法getBooks(),那下面我们来看怎么去实现继承并重写这个抽象类的抽象方法;类的继承我们可以通过initializeBase方法来实现,调用父类的构造函数。语法格式如下:
1Namespace.Class = function()
2
当父类没有构造函数的时候只需要使用父类里没有构造方法直接使用Namespace.Class.initializeBase(this);即可。比如现在有一个EnglishBook类,要去继承Books并重写getBooks抽象方法,则应该如下定义:
1//=====================子类EnglishBook========================
2com.cnblogs.beniao.EnglishBook = function(name)
3
8//重写基类抽象方法
9com.cnblogs.beniao.EnglishBook.prototype=
10//调用基类方法
2com.cnblogs.beniao.EnglishBook.prototype=
3//com.cnblogs.beniao.EnglishBook--子类
2//com.cnblogs.beniao.Books--------子类实现的父类
3com.cnblogs.beniao.Books.registerClass("com.cnblogs.beniao.EnglishBook",
4 "com.cnblogs.beniao.Books");
2 、接口的实现和方法重写
关于JavaScript面向对象的支持基本上介绍得差不多了。剩下这最后一个知识点,那好,下面我们就来讨论下接口的实现和方法重写的相关知识。在本问上面介绍接口的时候已经定义好了一个接口IBooks,并定义了两个抽象方法getBooks和getBooksCount,那么我们应该怎么去实现一个接口并实现接口方法呢?下面以实现getBooks方法来介绍下接口的继承实现,参考下面代码实现:
1com.cnblogs.beniao.EnglishBook = function(name)
2
6//实现接口方法
7com.cnblogs.beniao.EnglishBook.prototype=
8//注册类的时候并提供所实现的接口
2//第二个参数为所继承的类,当没有父类的时候使用null
3com.cnblogs.beniao.EnglishBook.registerClass("com.cnblogs.beniao.EnglishBook", null,
4 com.cnblogs.beniao.IBooks);
// JScript 文件
2
3//注册命名空间
4Type.registerNamespace("com.cnblogs.beniao");
5
6//定义一个接口
7com.cnblogs.beniao.IBooks = function()
8
12//定义接口方法
13com.cnblogs.beniao.IBooks.prototype=
14
25//注册接口
26com.cnblogs.beniao.IBooks.registerInterface("com.cnblogs.beniao.IBooks");
27
28com.cnblogs.beniao.EnglishBook = function(name)
29
33//实现接口方法
34com.cnblogs.beniao.EnglishBook.prototype=
35
42//注册类的时候并提供所实现的接口
43//第二个参数为所继承的类,当没有父类的时候使用null
44com.cnblogs.beniao.EnglishBook.registerClass("com.cnblogs.beniao.EnglishBook", null,
45 com.cnblogs.beniao.IBooks);
46
一个类是支持实现多个接口的,实现方式是在注册类的时候把把所实现的多个接口都提供给registerClass方法。
关于JavaScript在Microsoft AJAX Library的支持下的面向对象开发基础,大致也就上面所介绍的这些,本文就简单的介绍于此,更多的知识有兴趣的朋友请查阅相关书籍或资料。
-----------------------------------------------------------------------------------------------------------
在面向对象的语言(如C#,Java)里,命名空间、类、接口、方法等等这些对大家都不陌生,那么你是否在客户端使用过JavaScript来写过基于面向对象的程序呢?详细请看下面分解:
一、命名空间
命名空间是什么?命名空间的作用是合理的组织大量的类型,使开发人员能够方便的找到他们所需要的类型。如大多数面向对象语言一样,JavaScript在基于Prototype的基础上提供了注册命名空间的方法,见下语法:
Type.registerNamespace("MyNamespae");
比如我们要注册一个为"com.cnblogs.beniao"的命名空间,则使用如下代码进行定义:
1//注册命名空间
2Type.registerNamespace("com.cnblogs.beniao");
在实际的开发中,命名空间是可以重复注册的,最好是在每个独立的脚本模块前都要注册命名空间以保证命名空间存在.
二、类
在面向对象的程序语言里,对类的定义为是具有相同属性、操作、关系的对象集合的总称。那在客户端JavaScript里呢?我想也不外于此,只不过不同于面向对象语言里那样通过class来定义,它有专用注册的语法,见下:
1注册一个类
2Type.registerClass("TypeName");
比如要注册一个名为"com.cnblogs.beniao.Employee"的类,""com.cnblogs.beniao"为命名空间注册代码如下:
1//注册一个com.cnblogs.beniao.Employee类
2Type.registerClass("com.cnblogs.beniao.Employee");
一个类可看作为是抽象出的一个对象,他应该带有构造方法,成员字段以及相关操作,这在面向对象的程序设计里是常见的,而这一特性在客户端JavaScript里也不例外,在JavaScript基于Prototype的支持下也可以为JavaScrpt所注册的类提供构造器和成员字段和相关操作,看看下面的分析:
● 定义构造函数
在JavaScript中类的构造函数使用function定义,同面向对象语言(如C#)一样,构造函数通常用于初始化域变量。面向对象程序语言里定义构造函数,函数名必须与类同名,且函数没有返回值。那JavaScript又是如何定义的呢?定义语法如下:
1//定义构造方法
2MyNamespae.ClassName = function(param1,param2//定义构造方法
2com.cnblogs.beniao.Employee = function(name)
3//定义类的私有成员
2this._myPrivateField=value;
如上面定义类的构造方法的时候使用到的成员this._name,例如我们需要定义一个JavaScript类Books,为其定义BookName,BookAuthor,BookPrice三个私有成员,则应该使用如下定义:
1//在Books类里定义了三个成员
2com.cnblogs.beniao.Books = function()
3//定义成员
2com.cnblogs.beniao.Book = function()
3
9//定义属性
10com.cnblogs.beniao.Book.prototype=
11//定义方法
2com.cnblogs.beniao.Book.prototype=
3// JScript 文件
2//-------------------JavaScript OO(Books)-------------------------//
3//注册命名空间
4Type.registerNamespace("com.cnblogs.beniao");
5
6//定义构造方法和成员
7com.cnblogs.beniao.Books = function(name,author,price)
8
14//定义属性
15com.cnblogs.beniao.Books.prototype=
16
48//注册类
49com.cnblogs.beniao.Books.registerClass("com.cnblogs.beniao.Books");
三、抽象类与抽象方法
通常说含有抽象方法的类即为抽象类,在面向对象的程序语言(如:C#,Java)里,定义有抽象方法的类必须定义为抽象类,那么JavaScript在面向对象的开发支持上的抽象类和抽象方法是怎么定义的呢,Microsoft AJAX Library对JavaScript的抽象方法有特别的定义----在Microsoft AJAX Library里在运行后直接抛出异常的类叫抽象类。也就是说,只要我们在定义的方法里直接throw出异常,那该方法所属的类就是一个抽象类了。可参考下买内定义:
// JScript 文件
2//注册命名空间
3Type.registerNamespace("com.cnblogs.beniao");
4
5//定义构造方法和成员
6com.cnblogs.beniao.Books = function(name)
7
11//定义属性
12com.cnblogs.beniao.Books.prototype=
13
30//注册类
31com.cnblogs.beniao.Books.registerClass("com.cnblogs.beniao.Books");
四、接口
JavaScript也提供接口的定义,其定义和类的定义大致相同,使用registerInterface方法注册接口。从面向对象的知识来分析,接口里定义的方法我们可以称其为抽象方法,在上面的抽象方法的定义上已经介绍,定义一个抽象方法就是直接抛出异常,那是不是定义接口和接口方法也是直接抛出异常呢?答案是肯定的。如下就是一个完整的接口定义:
1//注册命名空间
2Type.registerNamespace("com.cnblogs.beniao");
3
4//定义一个接口
5com.cnblogs.beniao.IBooks = function()
6
10//定义接口方法
11com.cnblogs.beniao.IBooks.prototype=
12//注册接口
2com.cnblogs.beniao.IBooks.registerInterface("com.cnblogs.beniao.IBooks");
以上就完成了定义接口,定义接口方法以及注册接口的工作,但是还得注意很多知识点,JavaScript的接口是不能继承于其他接口的,由于JavaScript为弱类型语言,因此在Microsoft AJAX Library中的接口作用其实只是一种标记,你是不是完全实现了接口中的方法,它在运行期(定义时)是无法察觉是否完全实现了接口方法的,不像C#那样在编译时就要检测接口实现的完整性。
五、类、接口的继承及重写(抽象)方法
1、类的继承和重写抽象方法
在上面我们定义了一个抽象类Books,里面定义有一抽象方法getBooks(),那下面我们来看怎么去实现继承并重写这个抽象类的抽象方法;类的继承我们可以通过initializeBase方法来实现,调用父类的构造函数。语法格式如下:
1Namespace.Class = function()
2
当父类没有构造函数的时候只需要使用父类里没有构造方法直接使用Namespace.Class.initializeBase(this);即可。比如现在有一个EnglishBook类,要去继承Books并重写getBooks抽象方法,则应该如下定义:
1//=====================子类EnglishBook========================
2com.cnblogs.beniao.EnglishBook = function(name)
3
8//重写基类抽象方法
9com.cnblogs.beniao.EnglishBook.prototype=
10//调用基类方法
2com.cnblogs.beniao.EnglishBook.prototype=
3//com.cnblogs.beniao.EnglishBook--子类
2//com.cnblogs.beniao.Books--------子类实现的父类
3com.cnblogs.beniao.Books.registerClass("com.cnblogs.beniao.EnglishBook",
4 "com.cnblogs.beniao.Books");
2 、接口的实现和方法重写
关于JavaScript面向对象的支持基本上介绍得差不多了。剩下这最后一个知识点,那好,下面我们就来讨论下接口的实现和方法重写的相关知识。在本问上面介绍接口的时候已经定义好了一个接口IBooks,并定义了两个抽象方法getBooks和getBooksCount,那么我们应该怎么去实现一个接口并实现接口方法呢?下面以实现getBooks方法来介绍下接口的继承实现,参考下面代码实现:
1com.cnblogs.beniao.EnglishBook = function(name)
2
6//实现接口方法
7com.cnblogs.beniao.EnglishBook.prototype=
8//注册类的时候并提供所实现的接口
2//第二个参数为所继承的类,当没有父类的时候使用null
3com.cnblogs.beniao.EnglishBook.registerClass("com.cnblogs.beniao.EnglishBook", null,
4 com.cnblogs.beniao.IBooks);
// JScript 文件
2
3//注册命名空间
4Type.registerNamespace("com.cnblogs.beniao");
5
6//定义一个接口
7com.cnblogs.beniao.IBooks = function()
8
12//定义接口方法
13com.cnblogs.beniao.IBooks.prototype=
14
25//注册接口
26com.cnblogs.beniao.IBooks.registerInterface("com.cnblogs.beniao.IBooks");
27
28com.cnblogs.beniao.EnglishBook = function(name)
29
33//实现接口方法
34com.cnblogs.beniao.EnglishBook.prototype=
35
42//注册类的时候并提供所实现的接口
43//第二个参数为所继承的类,当没有父类的时候使用null
44com.cnblogs.beniao.EnglishBook.registerClass("com.cnblogs.beniao.EnglishBook", null,
45 com.cnblogs.beniao.IBooks);
46
一个类是支持实现多个接口的,实现方式是在注册类的时候把把所实现的多个接口都提供给registerClass方法。
关于JavaScript在Microsoft AJAX Library的支持下的面向对象开发基础,大致也就上面所介绍的这些,本文就简单的介绍于此,更多的知识有兴趣的朋友请查阅相关书籍或资料。
-----------------------------------------------------------------------------------------------------------
相关文章推荐
- 在Microsoft AJAX Library下JavaScript的面向对象开发
- 在Microsoft AJAX Library下JavaScript的面向对象开发
- 【Boolean类型】JavaScript中的原生对象以及Microsoft AJAX Library中的相关扩展
- Microsoft AJAX Library中的面向对象简单介绍
- 【Number类型】JavaScript中的原生对象以及Microsoft AJAX Library中的相关扩展
- Asp.Net Ajax 学习笔记11 Microsoft AJAX Library中的面向对象类型系统
- 【Object类型】JavaScript中的原生对象以及Microsoft AJAX Library中的相关扩展
- 【Date类型】JavaScript中的原生对象以及Microsoft AJAX Library中的相关扩展
- 【String类型】JavaScript中的原生对象以及Microsoft AJAX Library中的相关扩展
- 【Array类型】JavaScript中的原生对象以及Microsoft AJAX Library中的相关扩展
- 【Error类型】JavaScript中的原生对象以及Microsoft AJAX Library中的相关扩展
- 【Function类型】JavaScript中的原生对象以及Microsoft AJAX Library中的相关扩展
- ASP.NET AJAX(6)__Microsoft AJAX Library中的面向对象类型系统
- [转]剖析ASP.NET AJAX的面向对象思想和ASP.NET AJAX的组件开发
- web前端开发笔记:JavaScript面向对象总结
- 面向 Java 开发人员的 Ajax: Ajax 的 Java 对象序列
- Ajax开发:Javascript的对象
- JavaScript 面向对象开发知识总结基础篇
- [转]剖析ASP.NET AJAX的面向对象思想和ASP.NET AJAX的组件开发
- Asp.Net Ajax 学习笔记24 利用Microsoft AJAX Library开发客户端组件(中)