面向对象的JavaScript（二） — 静态类及JSON

我们先看一个最简单的静态类，只有公共字段没有方法。

　var　Person　=　{　id:　1,　name:　"Jerry"　};

不知大家有没发现和JSON格式有点像，下面再JSON

var　Person　=　{　"id":　1,　"name":　"Jerry"　};

大家应该发现了JSON对象和静态类的区别,静态类的键名是字符串有双引号，而静态类公共字段或方法是没有的，但就使用来说没有任何区别。我不明白JSON标准为什么是这样的，下面的图来自http://www.json.org/

图片看不清楚？请点击这里查看原图（大图）。

我个人比较喜欢第一种格式,下来就一验证工具类来介绍一下静态类。

首先,需要一个正则枚举

　　　//正则　-　可以看成是静态类，也可以看成是枚举
　　　　var　Regex　=　{
　　　　　　　　number:　/^\d+/
　　　　};

下面就是验证工具类了，当然不是很强大，我这里只是一个小示例，说明静态类的用法。

　　　//验证工具类　-　静态类
　　　　var　Validate　=　{
　　　　　　　//图标　-　公共字段,本人还不知道怎么实现私有字段
　　　　　　　　iconOk:　"ok",
　　　　　　　iconError:　"error",
　　　　　　　//静态方法　-　枚举
　　　　　　　　match:　function(regex,　text)　{
　　　　　　　　　　　　//主义在内部使用字段,方法需要this关键字
　　　　　　　　　　　　if　(regex.test(text))
　　　　　　　　　　　　　　　　document.getElementById("error").innerHTML　=　this.iconOk;
　　　　　　　　　　　　else
　　　　　　　　　　　　　　　　document.getElementById("error").innerHTML　=　this.iconError;
　　　　　　　　}
　　　　};

　

<input　type="text"　onblur="Validate.match(Regex.number,this.value)"　/>
<div　id="error"></div>

一个简单的验证工具就完成了，新手有兴趣可以把这个工具强大一下！

编缉推荐阅读以下文章

• 面向对象的JavaScript（一） — 类及类的继承
• 面向对象的JavaScript （一、对象基础，使用函数来模拟类）