XENON基于JSON变种


Posted in Javascript onJuly 27, 2010

但是在用JSON的过程中,我遇到了一个问题——这个问题想必是大家多少都遇到过,那就是:JSON没有定义日期和时间的传递方式。
尽管在今年3月的一次更新中,json2.js已经增加了对Date函数和ISO-8601式的日期/时间格式,但各种常用的开发工具中对日期的支持还是五花八门、千奇百怪的,完全没有统一。
而且,除了日期/时间以外,个别时候我们还需要一些类或者函数的支持,而这些都是不被JSON所支持的。

可能有的人看到这里要问了:既然JSON不支持,那为什么不去用别的数据描述/传输方式呢?
原因是JSON本身就是JavaScript(其参考标准为ECMAScript)的功能子集,任何稍懂JavaScript的人都可以轻松地利用JSON。

解析JSON最简单的办法是直接使用eval函数将其作为JavaScript代码来执行,而JSON常常被用在互联网上的不同应用之间传递,所以直接将收到的JSON内容传入eval函数是具有很大的风险的,因此在RFC文档中严格规定了JSON的格式,并且给出了检验其安全性的办法。
而这个检验办法就禁止了函数的运行。

总而言之,因为JSON在使用上“偶尔”会有些不方便,所以我就开始动脑筋扩展JSON了。

在参考了RFC-4627、json2.js以及一些常见的JavaScript语法着色器以后,我发现:虽然json2.js已经有了对日期/时间的支持,但它所采用的语法分析的模式,这就意味着如果不是对语法分析有一定的了解,是很难对它进行扩展的;即使我稍微研习过一些语法分析的知识,想要扩展它也并非很容易的事情,更别谈日后的维护了。
所以我决定用RFC-4627中建议的较为简单的正则表达式过滤法。

这个扩展的基本实现是这样的:

function Xenon(){} 
var protoXenon = Xenon.prototype; 
protoXenon.xeval = function(s){ 
var al = [], vl = [], ol = {}; 
function $(i, v){ 
// i = parseInt(i); 
// return ol[i] || (ol[i] = v); 
return ol.propertyIsEnumerable(i) ? ol[i] : (ol[i] = v); 
} 
for(var n in this) 
if(this.propertyIsEnumerable(n) && typeof this[n] == 'function') 
al.push(n), vl.push(this[n]); 
return eval('0,function(' + al + '){return ' + s + ';}').apply(this, vl); 
}; 
protoXenon.safeXeval = function(s){ 
var T = this; 
return (!/[^\),:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test( 
s.replace(/"(\\.|[^"\\])*"/g, '') 
.replace(/([^\s:\[,\(]+?)\(/g,function($0, $1){ 
// return T.propertyIsEnumerable($1) ? '' : $1 + '('; 
return T.propertyIsEnumerable($1) ? '' : '@'; 
})) || null) && 
this.xeval(s); 
};

基本用法就是创建一个xenon对象,为其设置新的成员以启用扩展函数。
可以把扩展函数直接添加到xenon对象上,也可以在全局作用域中声明函数再在xenon对象上设置非函数类型的成员值。
例子:
var xenon = new Xenon(); 
xenon.Array = 0; 
xenon.$ = 0; 
xenon.date = function(s){return new Date(s);}; 
var o = xenon.safeXeval('{"list":Array(3,6,9),"created":$(1,date("Tue Jul 27 02:48:03 UTC+0800 2010")),"modified":$(1)}'); 
print(o.list); 
print(o.created); 
print(o.modified == o.created);

注:这个例子并不能直接作为JScript.NET代码执行,若要在JScript.NET中使用则必须将字符串"unsafe"作为第二个参数传递给eval函数。
注2:function关键字前增加“0,”是为了兼容于IE所使用的JScript引擎——当前的非CLI版本JScript引擎在其eval的实现中并不能正确地理解包围着函数定义的圆括号的意义,会因此引发语法错误。
在这个例子中使用了三个函数扩展:Array为全局作用域中的JavaScript内置函数;$是我在XENON中实现的内置功能,可以在多处引用同一个对象;而date则是对Date构造器的包装。
在XENON的实现中我没有让它支持new操作符创建新对象,我没发现有要用new而不能直接用扩展函数的理由。

关于名字:起初打算叫做xJson,但是后来想想觉得有点逊,改作XEON(eXtensible ECMAScript Object Notation)之后又发现好像是Intel的注册商标,所以在中间多加了个N变成了XENON(eXtensible Native ECMAScript Object Notation)。查了下字典,是个化学元素的名字……就这么凑合用吧。
关于安全性:在设计检验方法的过程中我尽可能测试了我所想得到的字符组合,力求避免注入问题。但是由于缺乏实践检验,我也不擅长语法分析之类的事情,所以可能并不是绝对安全。如果谁发现了其中的安全漏洞,可以通知我来改进它。
以后有时间我会做一个简单的从ECMAScript对象向XENON转换的函数;如果真的有很充裕的时间,也许我还会实现包含类名和构造器的转换过程。

Javascript 相关文章推荐
对采用动态原型方式无法展示继承机制得思考
Dec 04 Javascript
jQuery基于当前元素进行下一步的遍历
May 20 Javascript
javascript弹出拖动窗口
Aug 11 Javascript
javascript中的五种基本数据类型
Aug 26 Javascript
jQuery Mobile操作HTML5的常用函数总结
May 17 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
Dec 02 Javascript
解析微信JS-SDK配置授权,实现分享接口
Dec 09 Javascript
JS实现点击拉拽轮播图pc端移动端适配
Sep 05 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
详解webpack引入第三方库的方式以及注意事项
Jan 15 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
在Vue中使用antv的示例代码
Jun 29 Javascript
JS遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 #Javascript
腾讯与新浪的通过IP地址获取当前地理位置(省份)的接口
Jul 26 #Javascript
基于Jquery的文字滚动跑马灯插件(一个页面多个滚动区)
Jul 26 #Javascript
JQuery的Validation插件中Remote验证的中文问题
Jul 26 #Javascript
基于JQuery的一句代码实现表格的简单筛选
Jul 26 #Javascript
jQuery getJSON 处理json数据的代码
Jul 26 #Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
Jul 25 #Javascript
You might like
PHP动态图像的创建
2006/10/09 PHP
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
ThinkPHP 整合Bootstrap Ajax分页样式
2016/12/23 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
VBS通过WMI监视注册表变动的代码
2011/10/27 Javascript
jquery限定文本框只能输入数字即整数和小数
2013/11/29 Javascript
jQuery制作可自定义大小的拼图游戏
2015/03/30 Javascript
JS实现网页游戏中滑块响应鼠标点击移动效果
2015/10/19 Javascript
nodeJs爬虫获取数据简单实现代码
2016/03/29 NodeJs
bootstrap-datetimepicker实现只显示到日期的方法
2016/11/25 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
基于JS实现翻书效果的页面切换样式
2017/02/16 Javascript
js实现图片左右滚动效果
2017/02/27 Javascript
详解基于webpack搭建react运行环境
2017/06/01 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
VUE 实现复制内容到剪贴板的两种方法
2019/04/24 Javascript
[42:00]完美世界DOTA2联赛PWL S3 Phoenix vs INK ICE 第一场 12.13
2020/12/17 DOTA
gearman的安装启动及python API使用实例
2014/07/08 Python
分析Python编程时利用wxPython来支持多线程的方法
2015/04/07 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
Python中多个数组行合并及列合并的方法总结
2018/04/12 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
Python动态参数/命名空间/函数嵌套/global和nonlocal
2019/05/29 Python
django一对多模型以及如何在前端实现详解
2019/07/24 Python
对Python _取log的几种方式小结
2019/07/25 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
Python之Numpy的超实用基础详细教程
2019/10/23 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
Python实现哲学家就餐问题实例代码
2020/11/09 Python
阿联酋航空官方网站:Emirates
2017/10/17 全球购物
英国复古和经典球衣网站:Vintage Football Shirts
2018/10/05 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
销售团队口号大全
2014/06/06 职场文书
离婚起诉书范文2015
2015/05/19 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
课程设计感想范文
2015/08/11 职场文书