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();