深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解

时间：2016.04.19 发布人：wangxu198447

已解决问题

谷歌wangxu198447用户在2016.04.19提交了关于“巨型关公像深入浅析JSON.parse()、JSON.stringify()和eval()的作用详解”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-27T21:46:43。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你就是当代的活雷锋,太感谢了！

希望以下的回答，能够帮助你。

第1个回答

用户名：快乐abcd_ 时间：2016.04.19

“JSON(J**aScriptObjectNotation)是一种轻量级的**交换格式问答。它基于ECMAScript的一个子集。因为采心最流世史用独立于语言的文本格式，也使用了类似于C语言家族的习宫拥有了这些特性使JSON成为理想的**交换语言，作用是易于人弦必讲执亮阅读和编写，同什易于机器解析火操拿营和生成(一般用于提升网络传输速率)。”　　

　　今天在这里笔者想简单谈谈jquery里面的JSON.parse()和JSON.stringi月fy()函数，顺便还会提一下原生JS里超么到面的eval()函数

（1）JSON.parse函数

作用：将J**aScript对象表示法(JSON)字符串转换为对象。　　

语法：JSON.parse(text[,reviver])

参数：

text　　必需。一个后有效的JSON字符串。

reviver　　可选。一个转换结果的函数。将为对象的每个成员由依困电气洋调用此函数。
返回值：一个对象或数组

example：

varjson='{"name":"GDT"变热措条齐义批超前屋沉,"age":,"University":"GDUT"}';varinfo=JSON.parse(json);　　//解析为JSON对象document.write(学介***.name+'isast许剧沙训有udentof'+***.University+'andheis'+info.买李于两律雷age+"yea依rsold.");/info为Object对象

（2）JSON.stringify()函数

作用：将J**另出底问aScript值转换为J**aScript对象表示法(JSON)字符串

语法：JSON.stringify(value[,replacer][,space])

参数：

value　　必需，通常为需要转换的J**aScript值（通常为对象或者数组）

r需线行行抓我商司统eplacer　　可选，用于转换结果的函数或者数烟组

space　　可选。向返回值JSON文本添加缩进、空格和换行符以使其更气而易于读取。

返回值：一汉充良安钟消个包含JSON文本的字符串

example：

varinfo={name:"GDT",age:,University:"GDUT"};varjson=JSON.stringify(info);//转换为JSON字符串document.write(json);//output为{"name":"GDT","age":23,"University":"GDUT"}

（3）eval()函数

作用：eval()函数可计算某个字符串，并执行其中的的J**aScript代码。

语法：eval(string)

参数：

string　　必需，要计算的字符串，其中含有要计算的J**aScript表达式或要执行的语句。

返回值：返回计算string的值，如果有的话（没有则不做任何改变返回）

example：

eval("x=;y=;document.write(x*y)");//output为document.write(eval("+"));　　//output为varx=;document.write(eval(x+));　　//output为

　　使用eval()函数也可以将JSON字符串解析为对象，这个功能能完成JSON.parse()的功能，但是有不一样的地方，请看下面代码

//JSON.parse()varjson='{"name":"GDT","age":,"University":"GDUT"}';varinfo=JSON.parse(json);　　　//解析为JSON对象document.write(info);//output为[objectObject]//eval()varjson='{"name":"GDT","age":,"University":"GDUT"}';varinfo=eval('('+json+')');//解析为JSON对象document.write(info);//output为[objectObject]

　　不知道大家有木有注意到eval()还要用一对圆括号将字符串包起来，对此我寻找到比较好的解释就是：

原因：归结于eval本身的问题，由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。

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

alert(eval("{}"));//returnundefinedalert(eval('('+'{}'+')'));//returnobject[Object]

　　另外，相对于写法格式严格的JSON.parse()来说，eval()可以解析任何字符串，eval是不安全的，因为eval比较宽松，会有潜在的安全性问题。比如以下代码：

varstr='{"a":"b"}';document.write(eval("("+str+")"));//正常解析为对象varstr='{"a":(function(){alert("Icandosomethingbad!");})()}';eval('('+str+')');//可以用来执行木马脚本

　　如果用恶意用户在json字符串中注入了向页面插入木马链接的脚本，用eval也是可以操作的，而用JSON.parse()则不必担心这个问题，可见，虽然eval()功能很强大，但是实际用到的机会并不多。

　　个人总结的时候到了，这是我人生第一篇的博客，在4月1号Fool'sDay诞生，写得不好的地方还希望各位多多见谅，现在技术非常渣，我很希望现在能够一点一滴去积累知识，为日后的成功奠定好基础，fighting~