深入剖析JavaScript中的枚举功能

2014-03-06 40

由于 Microsoft AJAX Library 对于 JavaScript 进行了大幅扩展,

枚举这个常用的功能当然也被加进去了,

本次就是来探讨 JavaScript 的枚举功能。

由于范例很简单,

所以直接看 HTML 标签就 OK 了

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server"> 
    </asp:ScriptManager> 
    <script language="javascript" type="text/javascript"> 
        Type.registerNamespace("BaoBeiMe"); 
        //注册一个枚举 
        BaoBeiMe.EnumDepartment = function() { 
        } 
        BaoBeiMe.EnumDepartment.prototype = { 
            One: "信息部", 
            Two: "业务部", 
            Three: "财务部", 
            Four: "研发部" 
        } 
        BaoBeiMe.EnumDepartment.registerEnum("BaoBeiMe.EnumDepartment"); 
        function Button1_onclick() { 
            var enumDepartment = new BaoBeiMe.EnumDepartment(); 
            var lblMsg = $get('<%=lblMsg.ClientID %>'); 
            lblMsg.innerText = "One 是 " + enumDepartment.One + "  ,       " + 
                               "Two 是 " + enumDepartment.Two + "  ,       " + 
                               "Three 是 " + enumDepartment.Three + "  ,       " + 
                               "Four 是 " + enumDepartment.Four + "       "; 
        } 
    </script> 
    <div> 
        <input id="Button1" type="button" value="获取所以枚举值" 
               onclick="return Button1_onclick()" /><br /> 
        <br /> 
        <asp:Label ID="lblMsg" runat="server" Text=""></asp:Label> 
    </div> 
    </form> 
</body> 
</html>

结果

深入剖析JavaScript中的枚举功能

展开阅读全文

更多Javascript文章

动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 34
JQuery EasyUI 日期控件如何控制日期选择区间
May 05 53
全面了解JavaScirpt 的垃圾(garbage collection)回收机制
Jul 11 44
js变量提升深入理解
Sep 16 40
关于AngularJs数据的本地存储详解
Jan 20 33
js时间戳与日期格式之间相互转换
Dec 11 57
微信小程序6位或多位验证码密码输入框功能的实现代码
May 29 41
手机访问当前页面