日期:2014-05-16  浏览次数:20414 次

JS中,eval, new Function, native处理JSON的性能比较

JSON作为JS中一种数据格式,应用非常广泛,在JS中,处理JSON的方法有三种,下面分别介绍这三种方式的使用方法及这三种方法的性能比较。

?

var jsonString;

?

一、eval 方式:

?

var str = eval('('+ jsonString +')');

1、为什么要加括号?

加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式(jsonString)转化为对象,而不是作为语句(statement)来执行。
例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。

2、JSON格式的名字部分为什么要加引号?

因为eval函数会将{foo:”bar”}解释成合法的JavaScript语句,而非表达式。但是人们往往想要的是让eval将这段代码解释成一个对象。所以JSON格式会强制你去在名字的外侧加上引号再结合圆括号,这样eval就不会错误的将JSON解释成代码块。



?

二、new Function() 方式:

var str = new Function( "return " + jsonString )();

此刻用alert(str);得到的是一些 "[Object : Object]".若要看其中的值,则可以去掉Function后的"()",
即:var str = new Function( "return " + jsonString );

?

?

三、native

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

     var str = JSON.parse( jsonString ); 
}

?

性能比较的结论:

1、在IE6、IE7中选择 eval

2、在IE8中选择 native JSON

3、在Firefox2,3 中选择 new Function

4、在 Safri4中选择 eval

5、当选择其它浏览器时,eval 和?new Function 的性能一致。

?

?

?