DIV CSS 佈局教程網

今天學習JQuery源碼看到一下方法，原來還可以這樣解析JSON字符串：
復制代碼 代碼如下:
  parseJSON: function( data ) {
  if ( typeof data !== "string" || !data ) {
   return null;
  }

  // Make sure leading/trailing whitespace is removed (IE can't handle it)
  data = jQuery.trim( data );

  // Make sure the incoming data is actual JSON
  // Logic borrowed from http://json.org/json2.js
  if ( /^[/],:{}/s]*$/.test(data.replace(///(?:["////bfnrt]|u[0-9a-fA-F]{4})/g, "@")
   .replace(/"[^"///n/r]*"|true|false|null|-?/d+(?:/./d*)?(?:[eE][+/-]?/d+)?/g, "]")
   .replace(/(?:^|:|,)(?:/s*/[)+/g, "")) ) {

   // Try to use the native JSON parser first
   return window.JSON && window.JSON.parse ?
    window.JSON.parse( data ) :
    (new Function("return " + data))();

  } else {
   jQuery.error( "Invalid JSON: " + data );
  }
 }

這個方法核心的代碼就是：
復制代碼 代碼如下:
(new Function("return " + data))();

它使用了Function()構造函數。講json字符串作為函數執行數據傳入，定義後立即執行該函數，此時這個函數會返回JSON對象

我做了一個測試，用這個方法解析JSON字符串的效率要比用Eval解析快好幾百倍
復制代碼 代碼如下:
var jsonStr ="{";
for(var i=0;i<10000;i++){
 jsonStr+="a"+i+":"+i+","
}
jsonStr = jsonStr.substring(0,jsonStr.length-1);
jsonStr+="}";

var date = new Date();
var start = date.getTime()
//var boj = (new Function("return "+jsonStr ))();
var boj = eval("("+jsonStr+")");
var date1 = new Date();
console.info(date1.getTime()-start);

我用firfox測試結果，用eval解析花費了7234毫秒，而用函數這種方法，用了55毫秒，太神奇了.