JavaScript中eval()和$.parseJSON()的区别和联系以及JSON.stringify()的区别

快来打我* 2022-08-29 09:41 197阅读 0赞

## JavaScript中eval()和$.parseJSON()的区别和联系以及JSON.stringify()的区别 ##

## 一、第一个区别是：安全性 ##

json格式非常受欢迎，而解析json的方式通常用JSON.parse()但是eval()方法也可以解析，这两者之间有什么区别呢？JSON.parse()之可以解析json格式的数据，并且会对要解析的字符串进行格式检查，如果格式不正确则不进行解析，而eval()则可以解析任何字符串，eval是不安全的

var str = 'alert(1000.toString())';
    eval(str);
    JSON.parse(str);

用eval可以解析，并且会弹出对话框，而用JSON.parse()则解析不了。 其实alert并没有什么坏处，可怕的是如果用恶意用户在json字符串中注入了向页面插入木马链接的脚本，用eval也是可以操作的，而用JSON.parse()则不必担心这个问题。

注意：某些低级的浏览器尚不支持JSON.parse() 《高性能Javascript》一书即指出：警告：关于JSON和eval需要注意的是：在代码中使用eval是很危险的，特别是用它执行第三方的JSON数据（其中可能包含恶意代码）时，尽可能使用JSON.parse()方法解析字符串本身。该方法可以捕捉JSON中的语法错误，并允许你传入一个函数，用来过滤或转换解析结果。如果此方法以备Firfox 3.5 、IE8 及 Safari 4 原生支持。大多数javascript类库包含的JSON解析代码会直接调用原生版本，如果没有原生支持的话，会调用一个略微不那么强大的非原生版本来处理。

## 二、 第二个区别：JSON.parse()解析的必须是json格式的字符串要不报错，而eval()则没有这么严格 ##

在这里“json格式的字符串”是指要求指定的字符串必须符合严格的JSON格式，例如：属性名称必须加双引号、字符串值也必须用双引号。  
如果传入一个格式不"完好"的JSON字符串将抛出一个JS异常 json的解析方法共有两种：eval 和 JSON.parse()，如：

var jsonStr= '{ "name":"lulu", "sex":"female"}';
    var evalJson=eval('('+jsonStr+')');
    var jsonParseJson=JSON.parse(jsonStr);

这样就把json格式的字符串jsonStr转换成了JSON对象。  
但是区别是：

var age = 27;
    var jsonStr= '{ "name":"lulu", "sex":"female","age":++age}';
    var evalJson=eval('('+jsonStr+')'); //不报错此时age的值是28
    var jsonParseJson=JSON.parse(jsonStr);//报错

从上面eval()函数的用法我们可以看出eval()函数在解析json格式的字符串时要加上圆括号如eval(’(’+jsonStr+’)’),这是因为：eval本身的问题。 由于json是以”\{\}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

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

## 三、JSON.stringify() ##

JSON.stringify()是把json数据转化成json格式的字符串如：

var jsonObj = { "name":"lulu","sex":"female"};
    var jsonStr = JSON.stringify(jsonObj);

![在这里插入图片描述][5b12af42fba14c2ea9d688ace0fabe2f.png]

[5b12af42fba14c2ea9d688ace0fabe2f.png]: /images/20220829/f6b82a4d52c54b019556f7c5d47e9ecc.png