eval()中包含JSON格式的对象字面量时为何要加圆括号?

在做AJAX应用开发的时候,对服务器返回的JSON格式字符串,通常这样处理:var jsonData = eval(例如:

var jsonStr1 = '{"Name":"Tom","Sex":"Man"}';var jsonObj1 = eval(jsonStr1);alert(jsonObj1.Name);

这样会报一个ERROR:invalid labe错误。当我们把JSON格式字符串值用“()”括号括起来就正常了。

var jsonStr2 = '{"Name":"Tom","Sex":"Man"}';var jsonObj2 = eval('(' + jsonStr2 + ')');alert(jsonObj2.Name);

这是什么原理呢?下面详细的解释下:

①了解下eval函数的工作原理。
  eval函数会评估一个给定的含有JavaScript代码的字符串,并且试图去执行包含在字符串里的表达式或者一系列的合法的JavaScript语句。eval函数将把最后一个表达式或者语句所包含的值或引用作为返回值。

②了解下JSON格式的特点。
  JSON格式是由大括号和冒号(:)构成的名值对组成的。 

var people = { "firstName": "Brett", "lastName": "McLaughlin", "email": "aaaa" };

 ③了解下对象字面量[请注意与JSON格式的区别]。
  对象字面量是一个名值对列表,每个名值对之间用逗号分隔,并用一个大括号括起。各名值对表示对象的一个属性,名和值这两部分之间用一个冒号分隔。
  详情请参考http://www.cnblogs.com/yxf2011/archive/2012/04/01/2428225.html 

var objectLiteral = { name: "Objector.L",  age: "24",  special: "JavaScript",  sayName: function(){ return this.name; }};

 ④原因:

  由于Ajax的兴起,JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来,进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象。利用eval函数无疑是一种简单而直接的方法。在转化的时候需要将JSON字符串的外面包装一层圆括号: 

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

所以下面两个执行结果是不同的:

alert(eval("{}");   // return undefinedalert(eval("({})");  // return object[Object]

JSON格式的名字部分为什么要加引号?

  因为eval函数会将{foo:”bar”}解释成合法的JavaScript语句,而非表达式。但是人们往往想要的是让eval将这段代码解释成一个对象。所以JSON格式会强制你去在名字的外侧加上引号再结合圆括号,这样eval就不会错误的将JSON解释成代码块。举例说明:

alert(eval('{foo:"bar"}'));        // return "bar"alert(eval('({"foo": "bar"})'));   // return JSON object
原文地址:https://www.cnblogs.com/youxin/p/2942152.html