jquery原代码：解析json数据(parseJSON)

最新推荐文章于 2021-06-05 04:45:08 发布

转载最新推荐文章于 2021-06-05 04:45:08 发布 · 174 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/musickog/archive/2011/02/11/1951477.html

标签

#json #javascript #ViewUI

本文深入探讨了jQuery中parseJSON函数的实现原理，包括去除空白字符、验证JSON格式正确性及如何将JSON字符串转换为JavaScript对象。同时，对比了不同解析方式的优劣，如使用eval和自定义函数。

View Code 

 1 parseJSON: function( data ) {
 2         if ( typeof data !== "string" || !data ) {
 3             return null;
 4         }
 5 
 6         // Make sure leading/trailing whitespace is removed (IE can't handle it)
 7         data = jQuery.trim( data );
 8         
 9         // Make sure the incoming data is actual JSON
10         // Logic borrowed from http://json.org/json2.js
11         if ( rvalidchars.test(data.replace(rvalidescape, "@")
12             .replace(rvalidtokens, "]")
13             .replace(rvalidbraces, "")) ) {
14 
15             // Try to use the native JSON parser first
16             return window.JSON && window.JSON.parse ?
17                 window.JSON.parse( data ) :
18                 (new Function("return " + data))();
19 
20         } else {
21             jQuery.error( "Invalid JSON: " + data );
22         }
23 }

 


json(javascript object notation),javascript 对象字面值， 一种轻量型的传输数据格式,说白了就是用来快速创建javascript对象。
所以，它对适合跟javascript结合.

在jQuery中主要用parseJSON来解析json字符串，我倒觉得解析的过程其实就是用这些字符串来创建对象，从而通过对象的key(常用格式object.keyName或object[keyName])来快速访问数据.在jquery的parseJSON方法中最关键的一步是

　　return window.JSON && window.JSON.parse ?window.JSON.parse( data ) :(new Function("return " + data))();

1.判断全局对象window是否有JSON此属性（在firefox中存在），若有直接调用，返回创建的json对象
2.若没有，直接运行(new Function("return " + data))(); 这句话的意思是创建一个方法,而这个方法直接return一个对象字面值,最后用（）来立即调用
对我来说，我更倾向于使用eval('('+json+')')这种方式来解析json字符串