JavaScript中解析JSON数据的三种方法

概述

在现代Web开发中，特别是在基于Ajax的项目中，我们经常需要接收后端返回的JSON格式字符串，并将其转换为JavaScript对象。虽然早期版本（ECMAScript 3）未将JSON纳入标准，但在ECMAScript第5版（ECMA-262 E5）中，JSON的概念被正式确立，引入了全局JSON对象及其相关方法。

eval()方法解析

原理：利用JavaScript引擎执行字符串形式的代码，强行将其转化为对象。

示例代码：

function toJson(str) {
    var json = eval('(' + str + ')');
    return json;
}

评价：由于该方法会将传入字符串视为任意JavaScript代码进行执行，若输入的JSON数据包含恶意脚本，可能导致严重的安全漏洞（如跨站脚本攻击XSS）。此外，执行效率相对较低。因此，不建议在当前项目中继续使用此方法解析JSON。

new Function方法解析

原理：通过构造函数动态创建函数体来执行转换逻辑。

示例代码：

function toJson(str) {
    var json = (new Function("return " + str))();
    return json;
}

评价：相比eval()具有一定的隐蔽性，但其本质仍是通过执行字符串来实现转换，依然存在潜在的安全隐患且性能不如原生的内置解析器，故在实际开发中较少使用。

JSON.parse()方法解析

原理：调用浏览器原生的标准API进行安全、高效的序列化/反序列化操作。

示例代码：

function toJson(str) {
    return JSON.parse(str);
}

评价与兼容性：这是目前最为推荐的JSON解析方式。它仅支持IE8/Firefox3.5+/Chrome4/Safari4/Opera10及以上的现代浏览器，这些浏览器均已逐步接近或符合W3C标准。该方法在安全性上做了极大优化，能有效防止脚本注入风险。

针对老旧浏览器的兼容需求，业界广泛采用json2.js库。该库会在检测到浏览器原生支持JSON.parse()时优先调用原生版本；若不支持，则提供JS实现。这保证了项目既能利用ES5的现代API优势，又能在过渡期内平滑向下兼容。