Asp.net Ajax 客户端编程—面向对象

面向对象

Asp.net Ajax的客户端框架扩展了Javascript语言。扩展了Javascript的6个原生对象的方法，添加了许多.Net程序员熟悉的方法。如：string.format()。

额们知道Javascript是基于对象的，并没有完全支持面向对象。很多面向对象的特性在Javascript里面是没法实现的：继承，多态，抽象，接口。正是这些软肋导致了许多大型的程序无法用Javascript来进行开发。但是这种时代已经结束了！接下来我们就来一一描述如何用Asp.net Ajax客户端框架开发出面向对象的程序，以及该框架是如何实现面向对象中的那几个重要概念。

命名空间

在Asp.net Ajax客户端框架中可以这么定义命名空间：

Type.registerNamespace(“MyNamespace”);

类

这里的类不能单独的定义，必须把类包装进命名空间中。就是在定义类的时候必须先定义命名空间。

Type.registerNamespace(“MyNamespace”); MyNamespace.MyClass=function(cName) { This._name=cName; }; MyNamespace.MyClass.prototype= { DoSomething:function(param) { Alert(“SomeThing!”); } , DoSomething2:function() { Alert(“SomeThing!”); } }//end prototype MyNamespace.MyClass.registerClass(“MyNamespace.MyClass”);

registerClass方法的详细使用情况：

registerClass(类名[字符型])

registerClass(类名[字符型]，父类[对象])

registerClass(类名[字符型]，接口[对象])

registerClass(类名[字符型]，父类[对象]，接口[对象])

接口

面向对象编程的核心技术，面向对象的编程精髓就是让程序解耦。针对抽象编程，针对接口编程都是实现程序解耦的重要手段，所以接口在OO世界里是非常的重要滴。

定义接口：

IMyInterface=function(){}; ImyInterface.prototype= { DoSomeThing:function(){}, DoSomeThing2:function(){} } ImyInterface.registerInterface(“IMyInterface”);

实现接口：

MyClass=function(cName) { This._name=cName; }; MyClass.prototype= { DoSomeThing:function() { Alert(‘Dosomething’); } , DoSomeThing2:function() { Alert(‘DoSomeThing2’); } } MyClass.registerClass(“MyClass”,null,ImyInterface);

这里的接口是伪接口，并没有像C#这类真正面向对象语言中的那么强大。它没法实现真正意义上的“针对接口编程”。但是如果我们结合框架中的反射方法还是能基本实现“针对接口编程”。看代码：

Function testClass(cName) { This._name=cName; } Var myclass1=new MyClass(“ghostbear”); Var myclass2=new testClass(“ghostbear”); Var objectQueue=new Array(); objectQueue.push(myclass1); objectQueue.push(myclass2); for(var tmp in objectQueue) { If(ImyInterface.isImplementedBy(objectQueue[tmp]))//确定是否实现了接口 { //调用ImyInterface接口中的DoSomething方法 objectQueue[tmp].DoSomeThing(); //调用ImyInterface接口中的DoSomething方法 objectQueue[tmp].DoSomeThing2(); } Else { Continue; } }

枚举

定义枚举：

CapType=function(){}; CapType.prototype= { YellowCap:1, RedCap:2, BlueCap:3, BlackCap:4 }; CapType.registerEnum(“CapType”);

使用枚举:

Alert(CapType.YellowCap);//使用的时候无需实例化，直接使用。

继承

在继承中主要有以下比较重要的概念：1.调用父类的方法；2.覆盖父类的方法；3.抽象方法。

parentClass=function(cName) { this._name=cName; }; parentClass.prototype= { DoSomeThing:function() { alert('DoSomeThing'); } , DoSomeThing2:function() { alert('DoSomeThing2'); } }//end prototype parentClass.registerClass('parentClass'); childClass=function(cName) { childClass.initializeBase(this,[cName]);//调用父类的构造函数 }; childClass.prototype= { DoSomeThing:function() { alert('DoSomeThing By childClass'); } , DoSomeThing3:function() { //调用父类的方法 childClass.callBaseMethod(this,'DoSomeThing'); } }//end prototype childClass.registerClass('childClass',parentClass); var pc=new parentClass('gb'); var cc=new childClass('gb'); cc.DoSomeThing(); cc.DoSomeThing2(); cc.DoSomeThing3();

反射

这里的反射并没有那么强大，框架中的反射更像是用来修补面向对象框架中产生的缺陷。

测试代码：

/ // 用Asp.net Ajax 客户端的反射类方法 // // 作者：GhostBear // // 完成日期：2011年4月28日 // IWork=function(){}; IWork.prototype= { Do:function(){} }; IWork.registerInterface('IWork'); IFavorite=function(){}; IFavorite.prototype= { LikeDo:function(){} } IFavorite.registerInterface('IFavorite'); people=function(firstName,lastName) { this._firstName=firstName; this._lastName=lastName; }; people.prototype= { get_firstName:function() { return this._firstName; } , get_lastName:function() { return this._lastName; } , ToString:function() { return this._firstName+' '+this._lastName; } , LikeDo:function() { return 'i like do something'; } };//end prototype people.registerClass('people',null,IWork); employee=function(firstName,lastName,salary) { people.initializeBase(this,[firstName,lastName]); this._salary=salary; }; employee.prototype= { get_salary:function() { return this._salary; } , ToString:function() { return this._salary; } , Do:function() { return 'i can do something'; } }//end prototype employee.registerClass('employee',people,IWork); MsgType=function(){}; MsgType.prototype= { Lower:1, Normal:2, Hight:4 } MsgType.registerEnum('MsgType',true); var p=new people('jim','green'); var jim=new employee('jim','green',3000);

方法调用结果（在上面这段代码的基础上调用方法）

方法名称	方法简介	示例代码
getName	获取类的名字	var myType=people; alert(myType.getName()); 结果： People
isClass	判断一个对象是否为类	alert(Type.isClass(employee)); 结果： True
isNamespace	是否为命名空间	Type.registerNamespace('MyNamespace'); alert(Type.isNamespace(MyNamespace)); 结果： true
getInterfaces	获取某一对象的所有接口	employee.registerClass('employee',people,IWork,IFavorite,Iabc); var iArray=employee.getInterfaces(); for(var tmp in iArray) { alert(iArray[tmp].getName()); } 结果： IWork，IFavorite，Iabc
isInterface	是否为接口	alert(Type.isInterface(IWork)); 结果 True
getBaseType	获取顶层父类constructor	//alert(employee.getBaseType()) 结果: function(firstName,lastName) { this._firstName=firstName; this._lastName=lastName; };
initializeBase	调用父类的构造函数
resolveInheritance	手动解决继承问题，通过拷值的方法。
callBaseMethod	调用父类的某个方法
getBaseMethod	获取父类的某个方法的定义	//alert(employee.getBaseMethod(jim,'ToString')); 结果： function() { return this._firstName+' '+this._lastName; }
implementsInterface	查看某对象是否实现某接口	alert(employee.implementsInterface(IWork)); 结果： true
inheritsFrom	是否继承某个类	alert(employee.inheritsFrom(people)) 结果： true
isImplementedBy	是否实现某个接口
getRootNamespaces	获取所有根命名空间	Type.registerNamespace('MyNamespace'); var nArray=Type.getRootNamespaces(); for(var tmp in nArray) { alert(nArray[tmp].getName()); } 结果： Sys，MyNamespace
Parse	将序列化的内容类型化	var parseType=Type.parse('employee'); var myParseType=new parseType(); alert(parseType.implementsInterface(IWork)); alert(myParseType.Do()); 结果： true，i can do something
isEnum	是否为枚举变量	alert(Type.isEnum(MsgType)); 结果: true
isFlag	确定某个枚举变量的子类型是否支持与操作	alert(MsgType.Lower | MsgType.Normal); alert(Type.isFlags(MsgType)); 结果: 3,true

这样做有什么好处？实现几个设计模式来证明这样做的强大之处。

观察者模式：

/// // 用Asp.net Ajax 客户端的脚步库实现的观察者模式 // // 作者：GhostBear // // 完成日期：2011年4月24日 // Type.registerNamespace('Firm');//定义命名空间 Firm Firm.PaperFirm=function(fName) { this._name=fName; this._customers=new Array(); }; Firm.PaperFirm.prototype= { AddCustomer:function(customer) { this._customers.push(customer); } , RemoveCustomer:function(customer) { for(i=0;i<this._customers.length;i++) { //找到了删除对象 if(this._customers[i]._name==customer._name) { this._customers.splice(i,1);//删除对象 } } } , NotifyCustomer:function() { for(i=0;i<this._customers.length;i++) { this._customers[i].ReceiveNotify('快来拿报纸！'); } } }//end prototype Firm.PaperFirm.registerClass('Firm.PaperFirm');//定义类 PaperFirm Firm.ICustomer=function(){}; Firm.ICustomer.prototype= { ReceiveNotify:function(msg){} }; Firm.ICustomer.registerInterface('Firm.ICustomer'); //定义接口 ICustomer Firm.Customer=function(cName) { this._name=cName; } Firm.Customer.prototype= { ReceiveNotify:function(msg) { alert(this._name+' '+msg); } } Firm.Customer.registerClass('Firm.Customer',null,Firm.ICustomer);//定义类Customer，该类实现了接口ICustomer var chinaPaperFirm=new Firm.PaperFirm('中国日报'); var jim = new Firm.Customer('Jim'); var lucy = new Firm.Customer('Lucy'); var bill = new Firm.Customer('Bill'); var book=new chinaPaperFirm.AddCustomer(jim); chinaPaperFirm.AddCustomer(lucy); chinaPaperFirm.AddCustomer(bill); chinaPaperFirm.NotifyCustomer(); chinaPaperFirm.RemoveCustomer(jim); chinaPaperFirm.NotifyCustomer();