深入剖析JavaScript中的枚举功能_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>

结果

时间: 2024-09-05 09:45:43

深入剖析JavaScript中的枚举功能_javascript技巧的相关文章

深入剖析JavaScript中的枚举功能

 本篇文章主要是对JavaScript中的枚举功能进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 由于 Microsoft AJAX Library 对于 JavaScript 进行了大幅扩展,   枚举这个常用的功能当然也被加进去了,   本次就是来探讨 JavaScript 的枚举功能.   由于范例很简单,   所以直接看 HTML 标签就 OK 了    代码如下: <html xmlns="http://www.w3.org/1999/xhtml">

详解Javascript中的Object对象_javascript技巧

Object是在javascript中一个被我们经常使用的类型,而且JS中的所有对象都是继承自Object对象的.虽说我们平时只是简单地使用了Object对象来存储数据,并没有使用到太多其他功能,但是Object对象其实包含了很多很有用的属性和方法,尤其是ES5增加的方法,因此,本文将从最基本的介绍开始,详细说明了Object的常用方法和应用. 基础介绍 创建对象 首先我们都知道,对象就是一组相似数据和功能的集合,我们就是用它来模拟我们现实世界中的对象的.那在Javascript中,创建对象的方

理解JAVASCRIPT中hasOwnProperty()的作用_javascript技巧

JavaScript中hasOwnProperty函数方法是返回一个布尔值,指出一个对象是否具有指定名称的属性. hasOwnProperty()使用方法: object.hasOwnProperty(proName)其中参数object是必选项.一个对象的实例.proName是必选项.一个属性名称的字符串值. 如果 object 具有指定名称的属性,那么JavaScript中hasOwnProperty函数方法返回 true:反之则返回 false.此方法无法检查该对象的原型链中是否具有该属性

JavaScript中Function详解_javascript技巧

关键字function用来定义函数. 复制代码 代码如下: //函数声明式定义: function funcname([arg1[,args[...,argn]]]){  statements } //函数表达式定义: var funcname = function ([arg1[,args[...,argn]]]){  statements }; 注意,function语句里的花括号是必需的,即使函数体只包含一条语句. 在JavaScript中,函数是Function类的具体实例.而且都与其它

深入浅析JavaScript中的Function类型_javascript技巧

Function是javascript里最常用的一个概念,javascript里的function是最容易入手的一个功能,但它也是javascript最难理解最难掌握的一个概念. 1. Function类型是js中引用类型之一,每个函数实际上都是Function类型的实例对象,具有自己的属性和方法.正因为函数式对象,所以函数名实际上也是一个指向函数对象的指针. 2. 常用的函数定义方式 1. 函数声明: function sum(a , b ){ return a+b; } 2. 表达式: va

谈谈JavaScript中function多重理解_javascript技巧

JavaScript 中的 function 有多重意义.它可能是一个构造器(constructor),承担起对象模板的作用: 可能是对象的方法(method),负责向对象发送消息.还可能是函数,没错是函数,和对象没有任何关系独立存在的可以被调用的函数. 由于语言设计者的妥协,在 JavaScript 加入了一些 class 相关的特性,以使 JavaScript 看起来确实象 Java,可以 "面向对象".虽然 JavaScript 添加了 new 和 this, 但却没有 clas

浅析JavaScript中命名空间namespace模式_javascript技巧

namespace即"命名空间",也称"名称空间" ."名字空间".JavaScript不像C#或Java,有专门的namespace和package语法支持,当JS复杂到一定程度,尤其是引用大量的第三方JS框架和类库之后,命名冲突就会成为一个严重的问题,因此使用JS自己的变通方式建立命名空间很重要. 命名空间有助于减少程序中所需要的全局变量的数量,并且同时有助于避免命名冲突或过长的名字前缀. 关于命名空间的例子: /** * 创建全局对象MYA

JavaScript中的Function函数_javascript技巧

首先给大家介绍JavaScript中function定义函数的几种方法: 1.最基本的作为一个本本分分的函数声明使用. 复制代码 代码如下: function func(){} 或 复制代码 代码如下: var func=function(){}; 2.作为一个类构造器使用: function class(){} class.prototype={}; var item=new class(); 3.作为闭包使用: (function(){ //独立作用域 })(); 4.可以作为选择器使用:

javascript如何实现暂停功能_javascript技巧

本文实例讲述了JS实现的自定义网页拖动类.分享给大家供大家参考,具体如下: Javascript本身没有暂停功能(sleep不能使用)同时 vbscript也不能使用doEvents,故编写此函数实现此功能. javascript作为弱对象语言,一个函数也可以作为一个对象使用. 比如: function Test(){ alert("hellow"); this.NextStep=function(){ alert("NextStep"); } } 我们可以这样调用