一般JSON字串轉換為JS物件，都使用

var jsonStr="{a:1}";var jsonObj = eval("("+jsonStr+")");

今天學習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毫秒，太神奇了