利用JSON在JavaScript中实现枚举

开发 前端
在JavaScript目前的版本中,没有枚举这个概念(当然,ECMA-262第三版中已经将enum作为关键字保留)。然而,如同JavaScript中没有class一样,但我们仍然可以通过间接的方式——JSON来实现它。

如下,我们来定义Week的枚举:

if(typeof WeekDay == "undefined"){

var WeekDay = {};

WeekDay.Sunday = 0;

WeekDay.Monday = 1;

WeekDay.Tuesday = 2;

WeekDay.Wedesay = 3;

WeekDay.Thursday = 4;

WeekDay.Friday = 5;

WeekDay.Saturday = 6;

}

测试如下:

alert(WeekDay.Monday);  // -----> Output: 1

当然,我们有更为直观的方式。以定义DOM文档节点类型为例,定义方式如下:

if(typeof Node == "undefined"){

var Node = {

ELEMENT_NODE: 1,

ATTRIBUTE_NODE: 2,

TEXT_NODE: 3,

CDATA_SECTION_NODE: 4,

ENTITY_REFERENCE_NODE: 5,

ENTITY_NODE: 6,

PROCESSING_INSTRUCTION_NODE: 7,

COMMENT_NODE: 8,

DOCUMENT_NODE: 9,

DOCUMENT_TYPE_NODE: 10,

DOCUMENT_FRAGEMENT_NODE: 11,

NOTATION_NODE: 12

}

}

测试如下:

alert(document.nodeType == Node.DOCUMENT_NODE);  // -----> Output: true

说明,以上Node定义可作为纠正IE不支持DOM节点类型常量用(其他主流浏览器均支持)。

与类C语言类似,以上2个例子的枚举对应属性值均为整形。你可能想到,难道还能定义成别的类型?要回答这个问题,得先知道咱们这个枚举实现的原理。前面说到,这里是用JSON来实现的,而JSON可以使用任何类型的值!所以,Js中的枚举可以是任何类型的值。以下以String类型为例:

if(typeof Color == "undefined"){

var Color = {

Color1: 'red',

Color2: 'green',

Color3: 'white',

Color4: 'black'

}

}

测试如下:

alert(Color.Color1); // -----> Output: red

以更为复杂的类型来定义一个PersonList枚举如下:

if(typeof PersonList == "undefined"){

var PersonList = {

ZhangSan: {

Id: 1,

Name: 'ZhangSan',

Gender: 'man'

},

LiSi: {

Id: 2,

Name: 'LiSi',

Gender: 'woman'

},

ZhaoWu: {

Id: 3,

Name: 'ZhaoWu',

Gender: 'man'

}

}

}

测试结果如下图:

【编辑推荐】

  1. JavaScript解析Json字符串 众浏览器性能比较
  2. Javascript利用闭包循环绑定事件
  3. 基于JavaScript和CSS的Web图表框架横向对比
责任编辑:彭凡 来源: cnblogs
相关推荐

2014-12-11 10:09:59

Java 8

2010-01-06 11:05:35

JSON

2009-03-13 13:58:10

Javascript哈希表伪哈希表

2010-09-08 16:50:11

JavaScriptDOM操作

2021-01-12 10:22:45

JavaScript并发控制前端

2023-05-22 08:03:28

JavaScrip枚举定义

2009-05-12 10:36:38

OracleREDO恢复

2024-01-03 10:17:51

Linux通信

2021-06-09 07:15:20

Go枚举技巧

2022-07-12 07:33:47

ES类似连表查询

2009-09-16 16:32:20

JavaScript静

2014-04-16 11:03:36

MVC3JSON

2014-07-22 09:01:53

SwiftJSON

2011-06-16 14:08:20

JSONAjax

2021-06-03 10:00:47

JavaScript 前端数克隆对象

2023-03-24 09:07:22

SignalsJavaScript应用

2009-05-26 12:23:56

Linux变量文件命名

2019-07-05 18:06:18

ffsendFirefox SenLinux

2011-02-25 15:49:09

NecessitasQtAndroid

2015-06-08 13:19:11

JavaScriptgettersetter
点赞
收藏

51CTO技术栈公众号