日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

我們?cè)谑褂肁JAX來做服務(wù)器端和客戶端交互的時(shí)候，一般的做法是讓服務(wù)器端返回一段JSON字符串，然后在客戶端把它解析成JavaScript 對(duì)象。解析時(shí)用到的方法一般是eval或者new function，而目前IE8和Firefox3.1又內(nèi)置了原生的JSON對(duì)象（據(jù)說會(huì)有一定的性能提升）。那我們?cè)趯?shí)際使用的時(shí)候怎樣從這三種方法 （因?yàn)樾阅軉栴}，不考慮用javascript實(shí)現(xiàn)的解析）里面來選擇呢？面對(duì)眾多的瀏覽器，哪種方式的性能是最好的呢？

創(chuàng)新互聯(lián)建站主要從事做網(wǎng)站、成都做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)阜陽,10余年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

一、測試方法

1、首先指定測試次數(shù)及JSON字符串

   1: var count = 10000, o = null, i = 0, jsonString = '{"value":{"items": [{"x":1,"y":2,"z":3}, {"x":1,"y":2,"z":3}, {"x":1,"y":2,"z":3}, {"x":1,"y":2,"z":3}, {"x":1,"y":2,"z":3}]},"error":null}';  

2、循環(huán)解析并記錄時(shí)間

◆eval

   1: var beginTime = new Date();

   2: for ( i = 0; i < count; i++ ) {

   3:     o = eval( "(" + jsonString + ")" );

   4: }

   5: Console.output( "eval:" + ( new Date() - beginTime ) );  

◆new Function

   1: var beginTime = new Date();

   2: for ( i = 0; i < count; i++ ) {

   3:     o = new Function( "return " + jsonString )();

   4: }

   5: Console.output( "new Function:" + ( new Date() - beginTime ) );  

◆native

   1: if ( typeof JSON !== "undefined" ) {

   2:     var beginTime = new Date();

   3:     for ( i = 0; i < count; i++ ) {

   4:         o = JSON.parse( jsonString );     }

   5:     Console.output( "native:" + ( new Date() - beginTime ) );

   6: } else {

   7:     Console.output( "native:not support!" );

   8: }

二、測試對(duì)象

選擇目前主流的瀏覽器（不考慮Maxthon一類的外殼），包括IE6、7、8，F(xiàn)irefox2、3、3.1，Chrome，Opera及Safari3、4。

三、測試環(huán)境

T9300 CPU + 4G RAM + Windows2003，其中IE8使用的是Vista的環(huán)境，IE7在另外一臺(tái)工作機(jī)（2G CPU + 2G RAM + Windows2003），考慮到主要是測試瀏覽器客戶端的性能，結(jié)果的誤差應(yīng)該能夠接受。

四、測試結(jié)果

*說明1：數(shù)值越小越好

*說明2：在當(dāng)前列中綠色背景的表示性能最好，紅色性能最差

1、Firefox2、3全部墊底，IE6的性能優(yōu)于IE7（可能和機(jī)器不一致有關(guān)），Chrome和Safari4的性能遠(yuǎn)遠(yuǎn)超出其它瀏覽器。

2、不同的瀏覽器下eval和new Function的性能不一致，總的來說eval更好，但Firefox下new Function的性能是eval的一倍，為了更好的兼容各個(gè)瀏覽器，我們把對(duì)JSON的解析單獨(dú)封裝成一個(gè)對(duì)象來處理：

◆wrapper

   1: var __json = null;

   2: if ( typeof JSON !== "undefined" ) {

   3:     __json = JSON;

   4: }

   5: var browser = Browser;

   6: var JSON = {

   7:     parse: function( text ) {

   8:         if ( __json !== null ) {

   9:             return __json.parse( text );

  10:         }

  11:         if ( browser.gecko ) {

  12:             return new Function( "return " + text )();

  13:         }

  14:         return eval( "(" + text + ")" )

  15:     }

  16: };          

  17: var beginTime = new Date();

  18: for ( i = 0; i < count; i++ ) {

  19:     o = JSON.parse( jsonString ); }

  20: Console.output( "wrapper:" + ( new Date() - beginTime ) ); 

加入Wrapper后的結(jié)果：

由于涉及到調(diào)用對(duì)象的開銷，封裝后JSON對(duì)象會(huì)比單獨(dú)調(diào)用更慢，但它能保證在各個(gè)瀏覽器下使用最適合的方法。

五、結(jié)論

解析Json字符串時(shí)，不同的瀏覽器選擇不同的方法：

1. IE6、7使用eval
2. IE8使用原生的JSON對(duì)象
3. Firefox2、3使用new Function
4. Safari4使用eval
5. 其它瀏覽器下eval和new Function的性能基本一致