javascript - 关于eval（data）和eval("("+data+")")

问题描述

问 题

如题，什么时候该加括号什么时候不该加；
今天在改项目的时候，因为是几乎相同功能的模块所以，统一采用了加括号的写法，但是发现，有一个数据图怎么都出不来 报错点击显示([object Object])，外面多了一组小括号，去掉括号，可以正常运行

解决方案

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

所以，如果你那边能确定后台返回的是字符串，就使用eval("("+data+")")(eval会带来很多问题，不建议使用，如果想实现转化用JSON.parse更好)，如果后台返回的是json对象，什么操作都不需要，直接使用data即可。如果你是用的jquery, 将type（一般为这个配置属性）设为json，或者利用$.getJSON()方法获得服务器返回，那么就不需要eval()方法了，因为这时候得到的结果已经是json对象了，只需直接调用该对象即可

另外多说一点：
为什么eval要添加括号呢？

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

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

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

这篇关于javascript - 关于eval（data）和eval("("+data+")")的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！