JavaScript eval处理JSON数据 为什么要加括号

由于Ajax的兴起,JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来,进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象。利用eval函数无疑是一种简单而直接的方法。在转化的时候需要将JSON字符串的外面包装一层圆括号:
var jsonObject = eval_r("(" + jsonFormat + ")");
为什么要加括号?
加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:
alert(eval_r("{}");  // return undefined
alert(eval_r("({})");// return object[Object]

在做AJAX应用开发的时候,对服务器返回的JSON格式字符串,通常这样处理:var jsonData = eval_r(xmlHttp.responseText);
例如:
var jsonStr1 = '{"Name":"Tom","Sex":"Man"}'; var jsonObj1 = eval_r(jsonStr1); alert(jsonObj1.Name);
这样会报一个ERROR:invalid labe错误。当我们把JSON格式字符串值用“()”括号括起来就正常了。
var jsonStr2 = '{"Name":"Tom","Sex":"Man"}'; var jsonObj2 = eval_r('(' + 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_r("(" + jsonFormat + ")"); 
为什么要加括号?   加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。
举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。
所以下面两个执行结果是不同的:
alert(eval_r("{}");   // return undefined alert(eval_r("({})");  // return object[Object]
JSON格式的名字部分为什么要加引号?
  因为eval函数会将{foo:”bar”}解释成合法的JavaScript语句,而非表达式。但是人们往往想要的是让eval将这段代码解释成一个对象。所以JSON格式会强制你去在名字的外侧加上引号再结合圆括号,这样eval就不会错误的将JSON解释成代码块。举例说明:

alert(eval_r('{foo:"bar"}')); // return "bar" alert(eval_r('({"foo": "bar"})')); // return JSON object

<完>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值