深入剖析JavaScript中的枚举功能


由于 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>


结果


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3