深入剖析JavaScript中的枚举功能

2014-03-06 7

由于 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 在线压缩和格式化收藏
Jan 16 12
Javascript编程中几种继承方式比较分析
Nov 28 6
浅谈移动端之js touch事件 手势滑动事件
Nov 07 8
微信小程序-详解数据缓存
Nov 24 11
记React connect的几种写法(小结)
Sep 18 7
vue.js路由mode配置之去掉url上默认的#方法
Nov 01 16
微信小程序自定义模态弹窗组件详解
Dec 24 9
手机访问当前页面