JavaScript在ASP.NET AJAX中的另类故事

      大家都知道,在ASP.NET AJAX框架的支持下,客户端JavaScript可以很方便的通过ScriptManager访问服务端的WebService以及PageMethods方法,有了这样的支持,让我们的编程开发更加灵活.客户端和服务端的数据交互更方便.那出了这些,客户端JavaScript还有些什么我们未知的功能呢?其中Library对JavaScript的原生类型的使用是最常见的.Microsoft AJAX Library提供了对JavaScript扩展和基础类库.接下来就说说JavaScript在Ajax中的另类故事--Microsoft AJAX Library对JavaScript的原生类型的使用和扩展.

一、使用Object原生类型
      在ECMAScript Spec中Object原生是一个无序的集合，可以存放任意类型对象。Object原生对象我们可以做为字典集合来使用以及通过for...in来遍历。用个小示例来看看这两个功能。

 1<script type="text/javascript">
 2function display(text)
 3script>

      上面JavaScript代码中，我们通过initObject（）方法类为Object类型对象obj初始化数据。display()方法则提供更新结果的功能，最终将数据显示在一个名为result的div里。useObject()方法使用字典集合，useForIn()方法就是使用for..in遍历集合。下面我们来测试下：

1<div id="result"></div>
2<input id="Button1" type="button" value="button" onclick="useObject();" />
3<input id="Button2" type="button" value="button" onclick="useForIn();" />

     通过点击按扭调用方法测试，运行结果如下所示：
             
     除此之外,Object还有很多的扩展静态方法,比如Object.getTypeName(),Object.getTypeName()等等,详细请查看相关资料了解,下面我就对Object.getTypeName(),Object.getTypeName()为例作个简单介绍.

 1Type.registerNamespace("Demo");
 2document.write(Object.getType(test)); 

     上面的这部分JavaScript代码块,大家看起应该不会有难度,使用过Ajax.net框架的朋友稍微较熟悉些.首先注册了一个名为"Demo"的命名空间,然后定义了一个客户端的类,该类有一个属性,并通过构造方法为此属性赋值.
     这个知识点是属于"面向对象类型系统"的知识,这里就不作详细介绍.之所以定义了一个这样的客户端类是为了测试Object.getType()方法;运行结果:
       
二、使用Array原生类型及Array扩展方法
     这块是非常简单的，客户端Array类型如同服务端的Array类一样，更多的功能方法可以查阅相关资料，下面做个简单的示例；

 1<form id="form1" runat="server">
 2<asp:ScriptManager ID="ScriptManager1" runat="server">
 3</asp:ScriptManager>
 4
 5>

   运行结果如图：

      出了Array类型，Array原生类型还有很多的扩展方法（全都是静态方法）,下面我把常用的方法列举出来，更多的方法可以查看官方文档：
   1.Array.enqueue(array,item)--“入队列”操作，将item添加到array末尾.
   2.Array.dequeue(array)--“出队列”，返回并删除array的地一个元素.
   3.Array.addRange(array,items)--将items数组中的所有权势添加到array的末尾.
   4.Array.contains(array,item)--如果array中包含item元素，则返回true,否则返回false.
   5.Array.clear(array)--移出array中的所有元素.
   6.Array.insert(array,index,item);
   7.Array.indexOf(array,item,start);
   8.Array.add(array,item);
   9.Array.forEach(array,method,instance);
   .........................
  --以instace为上下文this引用，将array中的每个元素循环调用method方法。
  对于这些扩展方法的使用都是很简单的，Array.forEach(array,method,instance)这个稍微特殊点，下面我们来看看一个简单的Array.forEach（）方法的示例：

 1<form id="form1" runat="server">
 2<asp:ScriptManager ID="ScriptManager1" runat="server" />
 3
 4    <script type="text/javascript">
 5    var items = new Array("C#","WebService","XML","ASP.NET AJAX");
 6    //通过上面所介绍的for..in遍历
 7    for(var i in items)
 8form>

   运行结果如下：
                

三、JavaScript中的原生Error及扩展Error
    这个知识点一下子说也说不清楚，我们还是从示例上来分析;
    --在原生的Error中，抛出异常:throw new Error("Error Message");
    --扩展Error中则是通过Error.create()静态方法来创建的；

 1<script type="text/javascript">
 2
 3  //Error原生类型
 4script>

    下面我们分别来处理这两中Error；

 1<form id="form1" runat="server">
 2    <asp:ScriptManager ID="ScriptManager1" runat="server" />
 3    <script type="text/javascript">
 4form>

四、Microsoft AJAX Library对String原生类型的扩展
     JavaScript在Microsoft AJAX Library中对String提供了许多的扩展方法，在众多String原生类型的扩展中，使用最多的应该是String.format()方法，下面我就简单介绍下这个方法，至于其他的方法及其使用请大家查看相关资料。

 1<script type="text/javascript">
 2function display(text)
 3script>

    上面代码块我们很容易理解，定义了一display()方法，用于将传递过去的数据显示在“result”这个层里。在useString()这方法里通过扩展方法String.format()格式化了一个字符传，然后调用display()方法将其显示在div上。

    PS：在Microsoft AJAX Library中还有对如Number,Data,Boolean等多种类型的扩展。它们的使用都很简单，限于使用不是很多，在这里就不做介绍，有兴趣的朋友可以查看官方文档或其他相关资料了解。

    关于Microsoft AJAX Library对JavaScript的扩展就介绍于此。本人也刚着手学ASP.NEET AJAX，写这文章就当是在做学习笔记，如文章中有介绍得不托指出请拍砖指正，谢谢！