eval（）和JSON.parse（）解析数据

Posted 2020-12-05 Yogic

JSON.parse（）的用法比较单一，只能常规的将字符串JSON化，而eval（）的用法很强大，除了常规的将字符串JSON化，还可以进行运算，拼接，处理表达式等

1.如果data是字符串，使用eval("("+data+")")可以将其转换为json对象，和JSON.parse的功能一样。
   如果data是json对象，使用eval("("+data+")")会报错，正如你描述的错误。eval一个json对象， 没有什么作用，这个时候不需要使用eval方法，直接用data即可。

2.为什么eval要添加括号呢？

首先eval是可以处理js表达式的

eval("x=10;y=20;document.write(x*y)");
document.write( eval("2+2"));
document.write( eval(x+17));

//得到结果
200；
4；
27；

添加括号原因：eval本身的问题。 由于json是以{}的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，而eval不能处理语句块，可以处理表达式，所以加上括号强制性的将它转换成一种表达式。

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

console.log(eval("{}"); // undefined 
console.log(eval("({})");// object[Object]