JavaScript解析Json字符串的性能比较分析代码.pdfVIP

JavaScript 解析Json字符串的性能⽐较分析代码 我们在使⽤AJAX来做服务器端和客户端交互的时候，⼀般的做法是让服务器端返回 ⼀段JSON字符串， 后在客户端把它解析成JavaScript对象。 解析时⽤到的⽅法⼀般是eval或者new function ，⽽⽬前IE8和Firefox3.1又内置了原⽣ 的JSON对象 （据说会有⼀定的性能提升）。那我们在实际使⽤的时候怎样从这三种 ⽅法 （因为性能问题，不考虑⽤j avascript实现的解析）⾥⾯来选择呢？⾯对众多的浏 览器，哪种⽅式的性能是最好的呢？ ⼀、测试⽅法 1、⾸先指定测试次数及JSON字符串 代码如下 var count = 10000, o = null, i = 0, jsonString = {value:{items 2、循环解析并记录时间 eval 代码如下 var beginTime = new Date(); for ( i = 0; i count; i++ ) { o = eval( ( + jsonString + ) ); Console.output( eval: + ( new Date() - beginTime ) ); new Function 代码如下 var beginTime = new Date(); for ( i = 0; i count; i++ ) { o = new Function( return + jsonString )(); Console.output( new Function: + ( new Date() - beginTime ) ); native 代码如下 if ( typeof JSON !== undefined ) { var beginTime = new Date(); for ( i = 0; i count; i++ ) { o = JSON.parse( jsonString ); Console.output( native: + ( new Date() - beginTime ) ); else { Console.output( native:not support! ); ⼆、测试对象 选择⽬前主流的浏览器 （不考虑Maxthon⼀类的外壳），包括IE6、7 、8 ，Firefox2、 3、3.1，Chrome ，Opera及Safari3、4 。 三、测试环境 T9300 CPU + 4G RAM + Windows2003 ，其中IE8使⽤的是Vista的环境，IE7在另外⼀ 台⼯作机 （2G CPU + 2G RAM + Windows2003 ），考虑到主要是测试浏览器客户端的 性能，结果的误差应该能够接受。 、测试结果 *数值越⼩越好 *在当前列中绿⾊背景的表⽰性能最好，红⾊性能最差 1、Firefox2、3全部垫底，IE6的性能优于IE7 （可能和机器不⼀致有关），Chrome和 Safari4 的性能远远超出其它浏览器。 2、不同的浏览器下eval和new Function的性能不⼀致，总的来说eval更好，但Firefox下 new Function的性能是eval的⼀倍，为了更好的兼容各个浏览器，我们把对JSON 的解 析单独封装成⼀个对象来处理： wrapper 代码如下 var __json = null; if ( typeof JSON !== undefined ) { __json = JSON; var browser = Browser; var JSON = { parse: function( text ) { if ( __json !== null ) { return __json.parse( text ); if ( browser.gecko ) { return new Function( return + text )(); return eval( ( + text + ) ) ; var beginTime = new Date(); for ( i = 0; i count; i++ ) { o = JSON.parse( jsonString ); Console.output( wrapper: + ( new Date()